Home > Graphics, Interactive > NYT Investment Graph

NYT Investment Graph

January 11, 2011 Leave a comment Go to comments

[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.]

The New York Times put up a really interesting graph on January 2nd.  I remade the graph, adding some interactivity and changing the color scheme. Unfortunately, I don’t have the data used in the original graph, so my version is only useful as a concept. My graph is here. It requires JavaScript, and it seems to work fine in Firefox, Chrome, and Safari browsers. 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.

If you don’t want to enable JavaScript and you’re not using Internet Explorer, you can see a static SVG of my version, here

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.

Categories: Graphics, Interactive
  1. Tobias
    January 15, 2011 at 9:11 pm

    Though I can’t find data on the S&P500, Robert Shiller has data on real earnings on the S&P Composite going back all the way to 1871 in case you’re interested in using real data: http://www.econ.yale.edu/~shiller/data.htm

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: