I first saw an infographic visualization about this song on Rachel Lee's design page. It was visually captivating, and the layout reminded me of a couple of my favorite 1980s arcade games (Tempest and Gyrus), or maybe a concentric version of Tetris - how could I not be drawn in?!? ...
In Billy Joel's song, he mentions things in chronological order, and the infographic mirrors that (starting with 1949 at the top, with spokes proceeding 1 year at a time clockwise), with each colored box representing a different thing mentioned in the song. But the placement of the boxes along the rings (outer to inner) seems a bit arbitrary -- they're arranged in the order of the color legend (from outer to inner). This makes for a pretty 'rainbow effect', but isn't really useful for analytics.
You can look at the year labels around the outer edge of the circle, and then find that year at the bottom of the page to see the list of things mentioned in the song from that year. You can then match up the colored circles beside the text, and try to guess which colored box in the graph it corresponds to (but it's difficult to know for sure).
This infographic was so visually captivating that I really wanted it to work, but it just didn't help me understand the song. I spent a lot of time zooming and panning, trying to relate the text at the bottom to the graphic at the top, but it was more cumbersome than rewarding. I even read a page that shows the 8 preliminary versions leading up to the final infographic, but that still didn't help. It was just more of an artistic infographic than an analytic tool.
So, as often happens, I decided to create my own version, and try to make some improvements.
- First, I wanted to have my version fit on one screen, and allow the user to read everything without needing to zoom & pan.
- I kept the circular design with each spoke representing a year, but rather than just looking like a cool video-game design, I decided to make it look like a vinyl record.
- And rather than ordering the colored boxes like the legend, I arranged them in the order they appeared in the song (from the outer ring to the inner ring).
- Instead of using rainbow colors (which are difficult to distinguish), I chose a nice palette with 7 discrete colors on the colorbrewer website.
- And rather than trying to fit all the descriptions at the bottom of the infographic, I include them in html mouse-over text (you'll have to view the interactive version to see that). And if reading the mouse-over text isn't enough, you can click on each colored box to launch a Google search on that item.
I invite you to view my full size infographic and simultaneously listen to the song, and mouse over the colored boxes (can you keep up?!?). After that, go back and study it in more detail, reading the mouse-over text for the things you need more info on (and if you're really interested in a certain item, click the colored box to launch the Google search).
I hope you enjoyed this infographic as much as I enjoyed creating it! Feel free to leave feedback and suggestions in the comments.
This content was reposted from the SAS Learning Post. Go there to read the original.