Why are Graphics important? Visualizing of info/data can reveal contextual concepts Can communicate complex concepts effectively A mashup of data, design and storytelling

Visualizing of info/data can reveal contextual concepts Can communicate complex concepts effectively A mashup of data, design and storytelling Can be presented in an interactive way Why are [Web] Graphics important? Increases engagement and ownership

Defining: in·fo·gra·phic “ Information graphics are visual representations of information, data or knowledge often used to support information, strengthen it and present it within a sensitive context.They are specific, context-sensitive and often times hand-crafted. ” Source: Benjamin Wiederkehr, Editor of Datavisualization.ch Can be static, animated or interactive.

Defining: da·ta vi·su·al·i·za·tion “ Data visualizations are visual displays of measured quantities by means of the combined use of a coordination system, points, lines, shapes, digits, letters quantified by visual attributes.They are general, context-free and often times created automatically. ” Source: Benjamin Wiederkehr, Editor of Datavisualization.ch Can be static, animated or interactive.

Infographic Examples Source:

Infographic Examples Source: GOOD |

Infographic Examples Source:

Infographic Examples Source: foursquare |

Infographic Examples Source:

Infographic Examples Source: WIRED | infographics/?utm_campaign=Previous&utm_source=Contextlyhttp:// infographics/?utm_campaign=Previous&utm_source=Contextly

Infographic Examples Source: NYTimes | with light interactivity

Infographic Examples Source: Tomas Nilsson |

Data Viz Examples Source: Information is Beautiful | out-of-molehills/ out-of-molehills/

Data Viz Examples Source: Information is Beautiful | dollar-o-gram-2009/ dollar-o-gram-2009/

Data Viz Examples Source: NYTimes | graphic.htmlhttp:// graphic.html

Data Viz Examples Source: NYTimes | stars-of-twitter.html?hphttp:// stars-of-twitter.html?hp

Data Viz Examples Source: Google |

Data Viz Examples Source:

Data Viz Examples Source: BBC and Hans Rosling |

Examples

Specs to make one

Graphic Resources Mindy McAdams' tutorial on Data 10,000 Words Blog: Databases base 10 Awesome Free Tools To Make Infographics infographics/ base 10 Awesome Free Tools To Mak Gapminder WeePlaces WeePlaces

Graphic Resources Nathan Yau's FlowingData Information Is Beautiful Chart Porn Chart Porn Data Visualization Coolinfographics.com Coolinfogr/

Interactivity Examples Source: BBC|