1 / 24

Why are Graphics important?

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.

shannonstrickland
Download Presentation

Why are Graphics important?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  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.” • 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

  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.” • 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

  5. Infographic Examples Source: http://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/

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

  8. Infographic Examples Source: foursquare | https://foursquare.com/infographics/10millionhttps://foursquare.com/2010infographic

  9. Infographic Examples Source: http://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=Contextly

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

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

  13. Data Viz Examples Source: Information is Beautiful | 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/

  15. Data Viz Examples Source: NYTimes | http://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?hp

  17. Data Viz Examples Source: Google | 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&

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

  20. Examples

  21. Specs to make one

  22. 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/

  23. 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/

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

More Related