First attracted to the quaint idea of a 1913 Graph Parade in New York noted in the Milestones in the History of Thematic Cartography Statistical Graphics and Data Visualization Project, I examined their timeline and outside sources to find other major events in the history of popular information visualization. While data and information visualization arose from specialized fields like statistics and astronomy, visualization lends itself easily to popular interest as a tool of clarification and communication. Today, information visualization is commonly taught in primary education in the United States. Software like Excel and Google Forms and Sheets make visualization from data simple and sometimes instantaneous for many casual users. Infographics are commonplace in print and online media. The progression of this popularity began early in the history of visualization, through industry and individual efforts, which I documented on an interactive timeline.
I used Michael Friendly and Daniel J Denis’s Milestones project as a primary dataset, along with an additional milestone that I thought fit the topic. I then used Knight Lab’s Timeline JS in conjunction with Google sheets as my visualization software, accessed through Google Chrome. I then edited my embed HTML in TextEdit and published (or rather attempted to publish) the visualization through WordPress.
Many of my images were found through Wikimedia Commons and the Milestones site.
I began by selecting a broad array of events from the Milestones timeline, from the 1913 parade to any conference held on the topic. I chose events that fit three categories: semi-public events, mostly public events, and public events. ‘Semi-public’ events are ones that were not open or visible to the larger public but did present information visualization to a broader audience within other fields. This included statistical and public health conferences. ‘Mostly public’ events include anything that would have been open to the public, but were limited by cost, from textbooks to public but ticketed events to payware. Then I added to the list any other events not included in the milestones project that seemed to fit. I began with fifteen events.
Through the Timeline JS website, I created a copy of the Google Sheet template in my own Google Drive. I then filled out the template with my events, culling overly broad events like statistics conferences without visualizations from the list. I sourced images from public domain or Creative Commons sites, though the use of images from other sites might have been covered under fair use for this educational and arguably transformative project. In the end I was left with ten events:
- 1857 Third International Statistical Congress has graph display
- 1868 Statistical diagrams used in a school textbook
- 1892 Patrick Geddes founds the Outlook Tower
- 1895 First public film screening of the first motion picture
- 1911 First International Hygiene-Exhibition in Dresden
- 1913 Graph Parade in New York
- 1920-1926 Statistical diagrams and graphics get slew of dedicated textbooks
- 1933 Re-design of the routes of the London underground rail system
- 1982 USA Today’s color weather map ushers in color info graphics in newspapers
- 1987 Excel 2.0 Introduced for PC
From there I followed the Timeline JS instructions, making my sheet public and entering the URL into their site. Using their generated embed code, I created an HTML file to test the visualization in my browser.
I then made edits to the visualization based on what I saw in this preview. I added labels to the “Group” field to distinguish each of the three levels of public access and troubleshot any faulty images. I added a final row to my sheet and changed the “Type” field to “title” so that I could include an introductory slide to my timeline with an image that was appropriate to the topic but not tied to any particular event.
Finally, I attempted to embed the visualization into WordPress. At first I did not succeed, but I try, tried again and it should now display.
Results and Discussion
If the WordPress embed does not work, the timeline can be viewed here: Information Visualization in the Public Eye
The process of creating the timeline was very simple through Timeline JS. I was already familiar with Google Sheets, where most of the editing and work takes place, so troubleshooting any issues was straightforward. I found the resultant timeline to be effective at conveying the progression of major events in the popular history of information visualization, as well as beautiful and fairly easy to manipulate from the user-end.
I was disappointed in some of the visual limitations. Groups, for example, are displayed in a font that was too pale to easily view on my 2009 Mac running Google Chrome or on a PC running Firefox, obscuring the themes that I was trying to demonstrate. While I believe this may be customizeable, it was not immediately evident how I would do that. I also think that both the spreadsheet template and the actual timeline should have fields for attribution of the background image. While this information could be included in the same field as the main image attribution, this is not made clear and discourages full attribution of images.
In future I would like to use more background images in my timeline, as well as avoiding the use of some lower-resolution images. I would also like to learn more about further customizations of Timeline JS to improve visibility for both the standard user and vision-impaired users that might have difficulty with the pale grey-on-white scheme of the standard timeline.
In terms of content, I would like to do more research than I did for this project outside of the Milestones timeline. The options there for popular uses, celebrations, and displays of information visualization were limited. This is likely because their focus was on technical achievements, but I would like to dive deeper into the social adoption and popular view of graphics outside of the statistical field. I would also include Google Sheets and open source software in future timelines.