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

2. 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

3. 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 http://www.quora.com/What-is-the-difference-between-a-data-visualization-and-an-infographic Can be static, animated or interactive.

4. 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 http://www.quora.com/What-is-the-difference-between-a-data-visualization-and-an-infographic Can be static, animated or interactive.

5. Infographic Examples Source: http://thumbnails.visually.netdna-cdn.com/infographics-process_509e119959153.pnghttp://thumbnails.visually.netdna-cdn.com/infographics-process_509e119959153.png

6. Infographic Examples Source: GOOD | http://www.good.is/post/transparency-what-is-the-easiest-way-to-power-a-lightbulb/http://www.good.is/post/transparency-what-is-the-easiest-way-to-power-a-lightbulb/

7. Infographic Examples Source: http://www.mediabistro.com/10000words/files/2010/07/shouldilearnprogramming.pnghttp://www.mediabistro.com/10000words/files/2010/07/shouldilearnprogramming.png

8. Infographic Examples Source: foursquare | https://foursquare.com/infographics/10million https://foursquare.com/2010infographichttps://foursquare.com/infographics/10million

9. Infographic Examples Source: http://www.designerinfographics.com/southern-right-whales-infographic.jpghttp://www.designerinfographics.com/southern-right-whales-infographic.jpg

10. Infographic Examples Source: WIRED | http://www.wired.com/design/2012/07/you-suck-at- infographics/?utm_campaign=Previous&utm_source=Contextlyhttp://www.wired.com/design/2012/07/you-suck-at- infographics/?utm_campaign=Previous&utm_source=Contextly

11. Infographic Examples Source: NYTimes | http://elections.nytimes.com/2012/results/president/scenarioshttp://elections.nytimes.com/2012/results/president/scenarios with light interactivity

12. Infographic Examples Source: Tomas Nilsson | http://www.youtube.com/watch?v=-LF5M9nlFQshttp://www.youtube.com/watch?v=-LF5M9nlFQs

13. Data Viz Examples Source: Information is Beautiful | http://www.informationisbeautiful.net/visualizations/mountains- out-of-molehills/http://www.informationisbeautiful.net/visualizations/mountains- out-of-molehills/

14. Data Viz Examples Source: Information is Beautiful | http://www.informationisbeautiful.net/visualizations/the-billion- dollar-o-gram-2009/http://www.informationisbeautiful.net/visualizations/the-billion- dollar-o-gram-2009/

15. Data Viz Examples Source: NYTimes | http://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics- graphic.htmlhttp://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics- graphic.html

16. Data Viz Examples Source: NYTimes | http://www.nytimes.com/interactive/2012/08/09/sports/olympics/new-olympic- stars-of-twitter.html?hphttp://www.nytimes.com/interactive/2012/08/09/sports/olympics/new-olympic- stars-of-twitter.html?hp

17. Data Viz Examples Source: Google | http://workshop.chromeexperiments.com/projects/armsglobe/http://workshop.chromeexperiments.com/projects/armsglobe/

18. Data Viz Examples Source: http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?_r=2&http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?_r=2&

19. Data Viz Examples Source: BBC and Hans Rosling | http://www.youtube.com/watch?v=jbkSRLYSojohttp://www.youtube.com/watch?v=jbkSRLYSojo

20. Examples

21. Specs to make one

22. Graphic Resources Mindy McAdams' tutorial on Data http://www.jtoolkit.com/data/ 10,000 Words Blog: Databases http://www.mediabistro.com/10000words/category/data base 10 Awesome Free Tools To Make Infographics http://www.makeuseof.com/tag/awesome-free-tools- infographics/ http://www.jtoolkit.com/data/000words/category/data base 10 Awesome Free Tools To Mak Gapminder http://www.gapminder.org/gapminder.org/ WeePlaces http://www.weeplaces.com/ WeePlaces http://www.weeplaces.com/

23. Graphic Resources Nathan Yau's FlowingData http://flowingdata.com/ Information Is Beautiful http://www.informationisbeautiful.net/ Chart Porn http://chartporn.org/ http://flowingdata.com/sbeautiful.net/ Chart Porn http://char Data Visualization http://datavisualization.ch/ation.ch/ Coolinfographics.com http://www.coolinfographics.com/ Coolinfogr/

24. Interactivity Examples Source: BBC| http://news.bbc.co.uk/2/shared/spl/hi/uk/06/electricity_calc/html/1.stmhttp://news.bbc.co.uk/2/shared/spl/hi/uk/06/electricity_calc/html/1.stm