storytelling with data visualization
TRANSCRIPT
![Page 2: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/2.jpg)
HISTORY
![Page 3: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/3.jpg)
Infographics are by no means a new invention. There are many examples of infographics used in cartography, science and journalism, often dating back to the 19th century. This example was created by undergraduate students of W.E.B. Du Bois made for an exhibit at the 1900 Exposition Universelle in Paris. ➔
![Page 4: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/4.jpg)
Here’s a brilliantly simple but powerful war time poster that dates back to 1917.
![Page 5: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/5.jpg)
This diagram dates back to the 1840s and depicts the spread of Cholera in relation to the temperature in London. A theory that was later proved to be incorrect, but nonetheless, the study paved the way for the first national system for collecting statistics and a more data-driven approach to public health.
![Page 6: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/6.jpg)
The Titanic spawned many visualizations – often to help people put the scale of the ship into context. One of my favorites is this simple 1912 rendition of the ship hitting the iceberg in relation to a train of the same era.
![Page 7: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/7.jpg)
Some say that the London tube map is one of the most successful infographics of all time. Designed by Harry Beck in 1933, he realized that geographical accuracy was less important to passengers who simply needed to plan a journey as easily as possible.
![Page 8: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/8.jpg)
MATCHING STORIES TO DATA
![Page 9: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/9.jpg)
Before artwork is considered, it’s important to analyze your data set and agree on what kind of infographic is most suitable. Should it be one main visual or a mixture of many? This can also depend on the final medium the graphic is presented in (i.e. Web only, print, TV, etc.). Infographics can be categorized into these five areas:
ILLUSTRATIVE PROPORTIONAL
TIMELINE MAP
LIST
![Page 10: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/10.jpg)
Good for simple visuals and quick facts. For example this well illustrated graphic explaining land use for an agricultural company.
ILLUSTRATIVE
![Page 11: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/11.jpg)
Visuals that are relatable on a human level. For example, this graphic from the Slow Journalism magazine depicts the area of public parks in proportion to some city centres.
![Page 12: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/12.jpg)
Visualizing the history of something. This example explores the history of video game consoles over time.
![Page 13: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/13.jpg)
Applying data to maps. This example is an ambitious visual of chain pizza restaurants in the USA.
MAP
![Page 14: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/14.jpg)
Using type effectively in lists or tables. Another example from the Slow Journalism magazine demonstrates how type was used to show the success of films in 2014.
![Page 15: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/15.jpg)
TIPS ON VISUALIZING DATA
![Page 16: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/16.jpg)
Sketch out your idea on paper before digital artworking begins, you could save yourself/ a co-worker a heap of time! Work out what your “killer fact” is — what is the main purpose of the infographic? Validate your data and make sure your sources are credible Optimize the scope of your data and keep it interesting — not too much and not too little Present as beautifully as possible — design is key!
![Page 17: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/17.jpg)
PUTTING DATA INTO CONTEXT
![Page 18: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/18.jpg)
The best infographics, which are trying to convey a message, assist the viewer by putting that data into some sort of relatable context. We’ve all the heard the expressions people use when trying to put something to a scale: “it’s about the size of 3 football pitches”… “it’s about as tall as the Eiffel Tower” etc. Here’s a great example a visual that depicts a blue whale:
![Page 19: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/19.jpg)
FUTURE OF INFOGRAPHICS
![Page 20: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/20.jpg)
Infographics are evolving. There are new flavors of visuals that are emerging such as 3D infographics that use real photography.
Even physically printed infographics made with 3D printers can create some amazing results.
![Page 21: Storytelling with Data Visualization](https://reader030.vdocuments.net/reader030/viewer/2022020116/55a80b451a28abca118b45b0/html5/thumbnails/21.jpg)
What about interactive infographics? Check out this horizontal scrolling site about the future of car sharing.