1

COMA 360 - DMH

VISUALIZING INFORMATIONINFOGRAPHICS

1854 map of cholera in London’s Soho District. Dr. John Snow showed one public pump on Broadstreet was causing most of the disease.

Minard’s 1869 graph depicting Napoleon’s 1812 march on Moscow, a graph famously described by Edward Tufte as possibly being “the best statistical graphic ever drawn“.

This data contributed to the establishment ofthe British old-age pension system in 1909

The Atlantic Ocean's Gulf Stream was mapped for the first time in 1770. It was done by Benjamin Franklin

“Map showing the distribution of the slave population of the southern states and the United States” was created in September 1861 based on statistics from the eighth Census,

Types of Infographics

• Lists• Flowcharts and decision trees• Illustrated narrative/comics

• Seeing the invisible• Cross referencing data sets• 1,000 words• Interactive

This Twitter infographic writes out the data, rather than visualizing it.

Show, Don’t Tell

Two ways to visualize the data from the Twitter example above.

Ways to dress up simple graphs for an infographic.

TravelMatch’s infographic highlights too much.

Typography Should Not Be a Crutch

An example of how to visualize the TravelMatch data, rather than relying on typography.

The title of an infographic is your chance to draw attention to the design.

There are many unique ways to lay out an infographic that will keep the viewer engaged.

Organization And Storyline

• Wireframe the Infographic

• Think Outside the Box

• Tell a Story

Hooks should either be in the center, beginning, or end of the infographic and need the greatest visual emphasis.

Visualize the Hook

Clean Things Up With Color

• Make it Universal• A Three-Color Palette is

Easy on the Eyes• Use the Tools at Your

Disposal

Color Resources• Adobe’s Kuler• COLOURlovers• Color Scheme Designer

What is wrong with this picture?

http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far

http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far

Free Infographic Makers

• Piktochart: http://piktochart.com/?gclid=CJOxv9KmzroCFWqCQgodzRwAaA

• Infogr.am: http://infogr.am/