History of Infographics: Cave Symbols to Interactive Visuals

<p>Ancient storytellers already understood that pictures are worth a thousand words – from depictions of volcanic eruptions to abstract symbols painted on caves.</p>  <p>Fast forward to today, and <a href="/brainstorming-infographic-ideas" rel="noopener" target="_blank">infographics</a> have skyrocketed in popularity.</p> <p>In this article, we'll take a closer look at the history of infographics: its origins, evolution through the centuries, and what lies beyond. You'll also meet the people behind the transformation of infographics over time – persuading skeptical governments to communicating with extraterrestrials.</p> <p>Grab your beverage of choice and let's trace the roots of infographic design up to the present.</p> <h2>A complete infographic history timeline (in an infographic)</h2> <p>Talk about inception. Below you’ll find an infographic chock full of information about the historical timeline of infographics. We’ll break each of these sections down in more detail throughout the article. </p> <p><img src="https://learn.g2.com/hubfs/History%20of%20Infographics.jpg" alt="easelly history of infographics" style="width: 412px; display: block; margin: 0px auto;" width="412"></p> <h2>Old-time visuals: the beginning of infographics</h2> <p>Infographics can be traced back to the spray-shaped images in the Chauvet-Pont d’Arc Cave in France at around 37,000 BC. They were believed to be painted at around the same time as nearby volcanoes erupted and spewed lava into the sky.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/earliest%20depiction%20of%20infographics.png" alt="earliest depiction of infographics" style="width: 600px; display: block; margin: 0px auto;" width="600"><a href="https://journals.plos.org/plosone/article?id=10.1371/journal.pone.0146621" rel="nofollow noopener" target="_blank">Source</a></p> <p>Meanwhile, several rock art specialists proposed that the rock art of Serra Da Capivara in Brazil is one of the oldest infographics, dating as far back as 36,000 years ago.</p> <p>Paleolithic cave paintings (mostly large animals native to the region) in Lascaux, around the Dordogne region of southwestern France, were believed to be around 20,000 years old. Apart from their age, these paintings were also famous for their size, sophistication, and exceptional quality. Many other decorated caves were found in the area since the beginning of the 20th century.</p> <p>The beginnings of infographics aren't just limited to caves and rocks. Early adventurers and old school explorers also created maps, a not-so-distant cousin of infographics.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/pavlov%20hill%20map.jpg" alt="pavlov hill map" style="width: 600px; display: block; margin: 0px auto;" width="600"><a href="https://commons.wikimedia.org/wiki/File:Mammoth_tusk_engraving_map.jpg" rel="nofollow noopener" target="_blank">Source</a></p> <p style="text-align: left;"><a href="https://www.google.com/url?q=https://commons.wikimedia.org/wiki/File:Mammoth_tusk_engraving_map.jpg&sa=D&ust=1590510514649000&usg=AFQjCNGm12YYsLf6t_LAYTSS_l3xmLjc_w" data-rawhref="https://commons.wikimedia.org/wiki/File:Mammoth_tusk_engraving_map.jpg" target="_blank" rel="noopener"></a>The earliest-known map representing a natural landscape was a rough representation discovered in the Czech Republic, dating back to 25,000 BC. Around 3000 BC, ancient Egyptians invented and used hieroglyphics to tell stories of life, romance, work, and religion. By 600 BC, the Babylonians were already using accurate surveying or triangulation techniques to create maps.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/512px-The_Babylonian_map_of_the_world,_from_Sippar,_Mesopotamia..jpeg" alt="babylonian map of world" style="width: 512px; margin: 0px auto; display: block;" width="512"><a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="nofollow noopener" target="_blank">Source</a></p> <p>The Babylonian Map of the World, the oldest surviving world map, dates back between 700 and 500 BC. It's worth noting, however, that this map is a symbolic rather than a literal representation of Babylonia. Next to surveying the land around them, the ancients also turn to the skies above. </p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/Dunhuang_Star_Atlas_-_complete.jpg" alt="Dunhuang Star Atlas" style="width: 3298px;" width="3298"><a href="http://idp.bl.uk/4DCGI/education/astronomy/atlas.html" rel="nofollow noopener" target="_blank">Source</a></p> <p>The Dunhuang star atlas is one of the oldest graphics ever found. It has more than 1,300 stars depicted and dates back to 649 and 684 AD.</p> <p>The accuracy and graphic quality of the ancient Chinese Atlas lie in its superior visual quality (for its time) and accuracy. With its origins and real use unknown until now, the old astronomical document includes both bright and faint stars visible to the naked eye from north-central China.</p> <h2>Modern-day infographics: 18th century to present</h2> <p>By the 18th century, scientists and scholars were already warming to the idea of arranging knowledge visually.</p> <h3>1764</h3> <p>British polymath Joseph Priestley produced what could be the predecessor of today's timeline infographics. It was called a "Chart of Biography," where the lives of about 2,000 historical names are plotted on a timeline. It covered figures from 1200 BC to 1800 AD and organized the historical personalities into six categories. </p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/1024px-A_chart_of_biography_Fleuron_T012328-1.png" alt="chart of biography Fleuron" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Joseph Priestley / Public domain</em></p> <h3>1786</h3> <p>In the United Kingdom, people often complained about the high cost of wheat and claimed that wages were driving the price up. William Playfair, considered the father of modern-day infographics, wanted to find out if this was true by plotting the price of wheat against labor costs. Playfair's chart revealed that this wasn't true – wages were rising much more slowly than the cost of wheat. </p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/Chart-by-William-Playfair-1821-showing-the-price-of-wheat-and-weekly-wages.png" alt="wheat and weekly wages" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Playfair’s Commercial and Political Atlas and Statistical Breviary. Cambridge University Press, 2005, 1801.</em></p> <p>According to <a href="https://www.smithsonianmag.com/history/surprising-history-infographic-180959563/" rel="nofollow noopener" target="_blank">psychologist Ian Spence</a> who's writing a biography of Playfair, the father of modern-day infographics was ahead of his time. Playfair made charts because "For him, data should speak to the eyes and that the eye they were the best judge of proportion, being able to estimate it with more quickness and accuracy than any other of our organs."</p> <p>Excellent data visualization, Playfair argued, "produces form and shape to a number of separate ideas, which are otherwise abstract and unconnected."</p> <p>Playfair later published <em>The Commercial and Political Atlas</em>, which featured line graphs, bar charts, and histograms representing the England economy. In 1801, he followed this up with the first pie chart.</p> <h3>1826</h3> <p>Baron Charles Dupin invented the choropleth map. A choropleth map has areas that are shaded or patterned in proportion to a statistical variable that represents an aggregate summary of a geographic characteristic within each region, such as population density or per-capita income.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/572px-Carte_figurative_de_linstruction_populaire_de_la_France.jpg" style="width: 572px; display: block; margin: 0px auto;" alt="choropleth map" width="572"><em>Charles Dupin (1784-1873) / Public domain</em></p> <h3>1830s</h3> <p>Data based social science was born In France, a lawyer named André-Michel Guerry created maps showing "moral statistics”. He was among the first to use maps with shadings to highlight data - say darker where illiteracy or crime was higher.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/1024px-Essai_sur_la_statistique_morale_de_la_France,_Plate_VII,_1833.jpg" alt="moral statistics data" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>André-Michel Guerry / Public domain</em></p> <p>His work was controversial because it challenged conventional wisdom around that time. Social critics in France used to believe that illiteracy led to crime, but the lawyer's maps suggested otherwise.</p> <h3>1854</h3> <p>While the physician John Snow mapped out cholera incidences when it hit London, he noticed a large cluster around the water pump on Broad Street. His visualization helped convince the skeptical city council to close the area around the pump. The epidemic subsided, and Snow's map helped nudge forward a crucial idea – diseases are caused by contact with an as-yet-unknown contagion (bacteria).</p> <h3>1857</h3> <p>English nurse Florence Nightingale used a coxcomb chart (a combination of stacked bar and pie charts) to persuade Queen Victoria to improve conditions in military hospitals. Her graphic highlighted the number and causes of deaths during each month of the Crimean War: blue for preventable diseases in blue, red for wounds, and black for other causes.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/512px-Nightingale-mortality.jpg" style="width: 512px; display: block; margin: 0px auto;" alt="morality" width="512"><em>Florence Nightingale (1820–1910) / Public domain</em></p> <h3>1861</h3> <p>The U.S. Coast Survey published a map showing the distribution of slaves in the southern states of the United States. The map drove President Abraham Lincoln's attention to where slavery was weakest.</p> <h3>1869</h3> <p>Charles Joseph Minard (a French engineer), known for his representation of numerical data on maps, created a map of Napoleon Bonaparte's Russian campaign of 1812.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/640px-Minard_map_of_napoleon.png" alt="minard map" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Modern redrawing of Napoleon 1812 Russian campaign including a table of degrees in Celsius and Fahrenheit and translated to English.</em></p> <h3>1933</h3> <p>Harry Beck designed the first map of the London Tube. It showed lines to depict public transit routes and stations. This was a milestone in infographics graphics since it showed that visual diagrams could be used for everyday life.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/964px-Tube_map_1908-2.jpg" alt="london tube map" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Unknown author / Public domain</em></p> <h3>1972</h3> <p>Otl Aicher designed a set of pictograms for the Munich Olympics. Aicher's stylized human figures inspired today's public signs and generic stick figures. </p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/640px-Olympic_parc_munich_pictogramms_ice_rink_0651.jpeg" alt="ice figures" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Pictograms adopted to those of the Olympic Games 1972 in Munich, Germany symbolizing Curling, Figure Skating and Ice Hockey. Drawn by Otl Aicher, on Display at the Olympic Ice Rink.</em></p> <h3>1972-1973</h3> <p>NASA decided that an infographic would be the best way to send a message to extraterrestrials if they exist.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/1024px-Pioneer_plaque.svg.png" alt="pioneer plaque" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>Vectors by Oona Räisänen (Mysid); designed by Carl Sagan & Frank Drake; artwork by Linda Salzman Sagan / Public domain</em></p> <p>Aluminum plaques with pictorial messages were placed aboard the Pioneer 10 and 11 spacecraft. Each plaque contains simple illustrations of a nude human male and female, as well as symbols designed to indicate the solar system's position in the galaxy.</p> <h3>1975 onward</h3> <p><a href="https://www.edwardtufte.com/" rel="nofollow noopener" target="_blank">Edward Tufte</a>, considered the father of data visualization, developed a seminar on statistical graphics alongside John Tukey, another pioneer in the field of information design. Tufte later self-published <em>The Visual Display of Quantitative Information</em> in 1983.</p> <p style="text-align: center;"><img src="https://learn.g2.com/hubfs/edward%20tufte.jpg" alt="edward tufte" style="width: 600px; display: block; margin: 0px auto;" width="600"><em>"How to Look at Things through a Wine-Glass," Edward Tufte, 1997, based on a 1946 cartoon by Ad Reinhardt. </em></p> <p>Tufte argues that chart junk or any visual elements that do not communicate specific information are superfluous and should be omitted. He further discourages the use of decorative elements in an infographic.</p> <p>Tufte also developed the data-ink ratio, which is a measurement of the amount of information communicated in a graphic as it relates to the total number of visual elements.</p> <h3>1978 onward</h3> <p>British graphic designer <a href="http://www.nigelholmes.com/" rel="nofollow noopener" target="_blank">Nigel Holmes'</a> work was the complete opposite of Tufte's approach. He supported the heavy use of illustration and decoration to embellish information.</p> <p style="text-align: center;"><em><img src="https://learn.g2.com/hubfs/space-age-nigel%20holmes.jpg" alt="spage age" style="width: 1600px; display: block; margin-left: auto; margin-right: auto;" width="1600">A History of the Space Age </em></p> <h3>1987</h3> <p>Peter Sullivan, a British graphic designer who made infographics for The Sunday Times for almost three decades, wrote the book <em>Newspaper Graphics</em>, which remains one of the few books dealing with information graphics in newspapers. In 1993, he continued on the topic in his book <em>Information Graphics in Colour</em>.</p> <h2>Primary infographic use cases in modern times</h2> <p>From the 1990s onwards, the term infographic and information graphics are often used interchangeably.</p> <p>According to<em> Infographics: The Power of Visual Storytelling</em>, the infographic of modern times uses visual cues to communicate information. The authors further wrote that an infographic doesn't have to contain a certain amount of data, present a certain level of analysis, or possess a certain complexity.</p> <p><strong>Here's an excerpt from the book:</strong></p> <blockquote> <p>"Put simply; there is no threshold at which something "becomes" an infographic. An infographic can range from a simple road sign of a man with a shovel that lets you know there is construction ahead, or as complex as a visual analysis of the global economy."</p> </blockquote> <p>With that said, infographics are some of the most versatile pieces of content out there. Educators use them every day, employees use them for business reports, and marketers create <a href="https://www.easel.ly/blog/infographics-lead-generation-business/" rel="noopener" target="_blank">infographics for lead generation</a>. Here are some of the applications of infographics in the world today.</p> <h3>Data visualization</h3> <p>With the tremendous amount of information and content created every day today, getting the attention (and keeping them!) of viewers is a challenge. Using infographics for <a href="https://hevodata.com/learn/" rel="noopener" target="_blank">data science visualization</a> helps address this challenge.</p> <p>Aside from the appeal of visuals in capturing the audience's attention, infographics also aids in the retention and comprehension of the information presented. <a href="https://visme.co/blog/data-visualization-techniques/" rel="noopener" target="_blank">Data visualization</a> formats such as pie charts, line charts, and bar graphs are also used within an infographic in presenting trends and patterns.</p> <h3>Maps</h3> <p>Next to graphs and charts, maps are also another subset of infographic use today. They are often ideal for geographical information or political data. The most popular is the choropleth map, where areas in the map are shaded with colors. A color scale is often assigned to a specific numerical or categorical data. Cartograms, proportional symbol maps, pinpoint maps, connection maps, and subway maps are other types of maps in an infographic style.</p> <h3>Infographics for business</h3> <p>Engaging visuals can help transform marketing materials and business information to infographics that can help boost employee productivity, streamline processes, and potentially lead to skyrocketing sales or conversions. </p> <p><img src="https://learn.g2.com/hubfs/Design%20Sprint_Final-01.png" alt="design sprint" style="width: 469px; display: block; margin: 0px auto;" width="469"></p> <p>From training new employees with complex written manuals to showcasing a specific product to prospects and investors, using infographics for your business is a game-changer for brands of all sizes.</p> <h3>Infographics for education</h3> <p>Why are <a href="https://www.easel.ly/blog/infographics-effective-classroom/" rel="noopener" target="_blank">infographics effective in the classroom</a> (physical or virtual)? <a href="https://files.eric.ed.gov/fulltext/EJ1079541.pdf" rel="nofollow noopener" target="_blank">Research from </a><a href="https://files.eric.ed.gov/fulltext/EJ1079541.pdf">2015</a> on using visual aids like infographics in the classroom found out that it helps students in the following areas:</p> <ul> <li>Increase students’ motivation to learn</li> <li>Clarify educational content</li> <li>Enhance student vocabulary</li> <li>Less time for teachers to prepare lesson plans</li> <li>Reduce dullness inside the classroom</li> <li>Stimulate learning through direct experience</li> </ul> <h4>Moving forward: the future of infographics</h4> <p>As people become more fluent in presenting and understanding data, it's not uncommon to see more advanced types of infographics like <a href="/animated-infographics" rel="noopener" target="_blank">animated infographics</a> (also known as gifographics) and interactive infographics.</p> <p>For the authors of <em>Infographics: The Power of Visual Storytelling</em>, three trends will help share the future of infographics: </p> <ul> <li><strong>Democratized access to infographic creation tools.</strong> People are <a href="https://visme.co/blog/how-to-make-an-infographic/" rel="noopener" target="_blank">creating more infographics</a> while using these tools for business, school, and even journalism.</li> <li><strong>Socially generative visualization.</strong> This approach allows a viewer to interact with the infographic content by adding more data to the existing infographic. In a nutshell, an infographic has perpetual relevance because it's always updated.</li> <li><strong>Problem-solving.</strong> Data visualization can empower organizations to gather and analyze data to make a lasting, meaningful impact.</li> </ul> <p>In sum, it looks like infographics are here to stay. However, infographic creators need to understand that high-quality, relevant infographics are often a result of original thinking and creativity. </p>

Kai Tomboc

Kai Tomboc is an experienced content designer and writer on all things healthcare, design, and SaaS. She used to be a nurse and a telemarketer in her past lives. She lives for mountain trips, lap swimming, books, and conversations over beer.

History of Infographics: Cave Symbols to Interactive Visuals

Recommended Articles

How to Break Through a Creative Block

by Daniella Alscher

Becoming a Graphic Designer: Skills, Job Titles + Career Tips

by Daniella Alscher

Creating the Perfect Graphic Design Resume (+ Examples)

by Daniella Alscher

How to Break Through a Creative Block

by Daniella Alscher

Becoming a Graphic Designer: Skills, Job Titles + Career Tips

by Daniella Alscher