250 likes | 279 Views
Why are Graphics important?. Can communicate complex concepts effectively. Visualizing of info/data can reveal contextual concepts. A mashup of data, design and storytelling. Why are [Web] Graphics important?. Can communicate complex concepts effectively.
E N D
Why are Graphics important? • Can communicate complex concepts effectively • Visualizing of info/data can reveal contextual concepts • A mashup of data, design and storytelling
Why are [Web] Graphics important? • Can communicate complex concepts effectively • Visualizing of info/data can reveal contextual concepts • A mashup of data, design and storytelling • Can be presented in an interactive way • 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.” • Can be static, animated or interactive. Source: Benjamin Wiederkehr, Editor of Datavisualization.ch http://www.quora.com/What-is-the-difference-between-a-data-visualization-and-an-infographic
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.” • Can be static, animated or interactive. Source: Benjamin Wiederkehr, Editor of Datavisualization.ch http://www.quora.com/What-is-the-difference-between-a-data-visualization-and-an-infographic
Infographic Examples Source: http://thumbnails.visually.netdna-cdn.com/infographics-process_509e119959153.png
Infographic Examples Source: GOOD | http://www.good.is/post/transparency-what-is-the-easiest-way-to-power-a-lightbulb/
Infographic Examples Source: http://www.mediabistro.com/10000words/files/2010/07/shouldilearnprogramming.png
Infographic Examples Source: foursquare | https://foursquare.com/infographics/10millionhttps://foursquare.com/2010infographic
Infographic Examples Source: http://www.designerinfographics.com/southern-right-whales-infographic.jpg
Infographic Examples Source: WIRED | http://www.wired.com/design/2012/07/you-suck-at-infographics/?utm_campaign=Previous&utm_source=Contextly
Infographic Examples with light interactivity Source: NYTimes | http://elections.nytimes.com/2012/results/president/scenarios
Infographic Examples Source: Tomas Nilsson | http://www.youtube.com/watch?v=-LF5M9nlFQs
Data Viz Examples Source: Information is Beautiful | http://www.informationisbeautiful.net/visualizations/mountains-out-of-molehills/
Data Viz Examples Source: Information is Beautiful | http://www.informationisbeautiful.net/visualizations/the-billion-dollar-o-gram-2009/
Data Viz Examples Source: NYTimes | http://www.nytimes.com/interactive/2009/07/31/business/20080801-metrics-graphic.html
Data Viz Examples Source: NYTimes | http://www.nytimes.com/interactive/2012/08/09/sports/olympics/new-olympic-stars-of-twitter.html?hp
Data Viz Examples Source: Google | http://workshop.chromeexperiments.com/projects/armsglobe/
Data Viz Examples Source: http://www.nytimes.com/interactive/2010/06/29/magazine/rivera-pitches.html?_r=2&
Data Viz Examples Source: BBC and Hans Rosling | http://www.youtube.com/watch?v=jbkSRLYSojo
Graphic Resources • Mindy McAdams' tutorial on Datahttp://www.jtoolkit.com/data/10,000 Words Blog: Databaseshttp://www.mediabistro.com/10000words/category/database10 Awesome Free Tools To Make Infographicshttp://www.makeuseof.com/tag/awesome-free-tools-infographics/ • Gapminderhttp://www.gapminder.org/ • WeePlaceshttp://www.weeplaces.com/
Graphic Resources • Nathan Yau's FlowingDatahttp://flowingdata.com/Information Is Beautifulhttp://www.informationisbeautiful.net/Chart Pornhttp://chartporn.org/ • Data Visualizationhttp://datavisualization.ch/ • Coolinfographics.comhttp://www.coolinfographics.com/
Interactivity Examples Source: BBC| http://news.bbc.co.uk/2/shared/spl/hi/uk/06/electricity_calc/html/1.stm