We live in an age of data visualization where the Internet has been flooded with graphics containing useful information, be it the literacy rate of different countries or websites showcasing the change in the climate. Every single useful information on the web is being converted into images and graphics. But this isn’t the first time that this has been done. Over a hundred years ago, people found themselves struggling with their own flood of data and this is when they invented the idea of creating infographics. In the same manner, my project aims to showcase the most iconic infographics from 1630 to 1693, using TimelineJS.
- TimelineJS – it is an open-source tool that enables users to build visually rich, interactive timelines
- Google Sheets – Used to update content on the timeline
- Info We Trust. – Used for data and images
- YouTube – Used to link a video related to infographics
- Google Images – Used to find images for thumbnail
Method to Create This Visualization
- Analyzing the Data Set
After going through the data set provided by my information visualization professor which was a timeline of the most iconic infographics, I selected the milestones that I wanted to display on my timeline – starting from 1625 to 1693.
2. Collecting the Required Media
After selecting the milestones, I selected the media that I had to link it with the content. I made sure that the media looks visually appealing and meaningful.
3. Compiling the Content and Media to Make an Interactive Timeline
With all the content and media, it was time to fill the Google Sheet template available on TimelineJS. In the Google Sheet template, users can add a background color, image and select the title screen of the timeline.
Figure 1: Google Sheets Template
Here is the History of Infographics timeline – History of Infographics
Here is the link to the google sheets template – Link
TimelineJs helped me in making a high-level interactive timeline. It showcases the most iconic infographics from the 1600s. It is astonishing to see how the world of infographics has changed over the period of time.
Figure 2: GIF of the timeline
I think the Knight Lab – TimelineJS has many advantages and certain disadvantages also. Though it helps in creating an impressive timeline that can highlight various milestones in the history, it restricts the user from applying a lot of design customizations to the timeline. Also, on further introspection of the tooI, I discovered that it has some customization option (like changing to certain pre-defined fonts and setting the zoom level), but they are not easily discoverable to the users.
As far as my learning experience is considered, coming from a design background and someone who makes infographics it was very enlightening for me to learn about the history of infographics and how it began. Overall it was a nice and easy to use tool to use and play around.
- Pennsylvania in Old Road Atlases – http://www.mapsofpa.com/article9.htm
- An Interactive Timeline of the Most Iconic Infographics (Dataset) – https://infowetrust.com/scroll/
- The Surprising History of the Infographic – https://www.smithsonianmag.com/history/surprising-history-infographic-180959563/
- History of Infographics – https://visual.ly/m/history-of-infographics/
- Meteorology – https://bit.ly/1xcs6cZ
- Research Gate – https://bit.ly/2N74wy5
- Milestones in the history of thematic cartography, statistical graphics, and data visualization – http://www.datavis.ca/milestones/