Word Count as Bar Chart Visualization Mockups

This week’s visualization for discussion in Alberto Cairo’s Introduction to Infographics and Data Visualization course was this New York Times visualization that presents words used in the national conventions as bubbles in a kind of word cloud. I’ll forgo any detailed critique of that, but my first reaction was to question their use of bubbles. I really do like the aesthetics of bubbles and circles in diagrams, but they don’t serve well for comparing data which is the primary thing that I wanted to do with this data.

Bar charts are the visualization go-to tool for comparing data, so I thought I’d try a quick mockup (static, not interactive) of the data. Another student was kind enough to enter the data into a Google docs spreadsheet so it was easy to generate a quick stacked bar chart in Google docs. (As a side note, the default colors for the chart in Google Docs were red and blue, an appropriate scheme given the red state vs blue state meme.)

I had in mind something a little bit different though so I brought the data into Illustrator and toyed around with that a bit, reworking only the top most used words.

After posting that to a Facebook group page for the course, another student suggested re-aligning the bars. I think this one might be better for comparing and less back and forth with the eyes, but I don’t like how it loses its symmetry.

All of this was pretty easy to do and didn’t take too much time. But I think my favorite mockup of all was a hand-drawn sketch by another student with a very similar idea as far as presentation.

So, the lesson learned here for me here is the value in prototyping alternative visualization methods when you come across a visualization that you’re not satisfied with. And, as a corollary, the value in mocking up alternative ideas when creating your own visualization.

About Jeff Bennett

Owner & Designer at Digital Splash Media. Multimedia Web Content: Visual Explanations | Animated Explanation Videos | Infographics, Data Visualization, & Diagrams

,

4 Responses to Word Count as Bar Chart Visualization Mockups

  1. Ardeen Roy Diamante November 8, 2012 at 6:41 pm #

    Well, I’ve inputted the figures in Excel but all I could do was make it in to a regular bar graph.

  2. Jeff Bennett November 8, 2012 at 7:55 pm #

    Yea, getting beyond the regular bar graph I relied on Adobe Illustrator.

  3. carlo November 13, 2012 at 3:43 pm #

    Hi, I definitely prefer your version to the re-aligned one. Comparing the size of the amount of red/blue in the bars is pretty hard. While in your “centered” version it’s easy to understand which of among rep/dem has the lead on the topic (i.e. families, your version shows that democtratic talk more about it, while in the aligned it’s very tough).

    Unfortunately your solution doesn’t help much to compare red vs red (or blue vs blue), as you can see republicans talk more about Business than Jobs, but it doesn’t show in the chart (it looks the opposit actually).

    In this case I guess comparing rep vs dem was more important.

    nice job anyway!

    • Jeff Bennett November 13, 2012 at 3:48 pm #

      Thanks Carlo. I think ideally, that bar chart would be just one graphic in a larger infographic. Like you said, it isn’t ideal for comparing red to red and blue to blue.