NYT Investment Graph
[This post as was originally up on the 8th of January. I took it down on the 10th, changed a few details (adding the static SVG, for instance), and put it back up early on the 11th.]
It also seems to work in my version of Internet Explorer, but it’s slow and doesn’t work quite perfectly. It might not work at all in Internet Explorer.
Here’s a snip of the original, New York Times version.
The graph is great. It’s very appealing, visually, it has a lot of interesting, unusual information, very densely presented, and the presentation is easy to understand and use. The color scheme is an unfortunate choice, though, since red-green color deficiency (“color blindness”) is the most common type of color deficiency.
Here’s a static image of part of my version.
I added two ways to interact with the graph. First, you can mouse over any square to see the (fake) data for that square. Second, the black box in the right margin can be dragged up and down to change the intended investment duration. This changes the highlighting in the main graph, and updates the bottom graph, which shows the data for all of the highlighted squares.
I’m pretty happy with how this turned out, but so far I’ve only finished about a third of what I have imagined putting in it.