wash-dc-metro-map.pngSince taking a class that discussed Edward Tufte‘s work, I’ve been fascinated by turning information into visual data. His site contains many examples that you could easily spend hours on the site. I have. Plus, I spent several days browsing sites with articles, resources, and examples of infovis (information visualization) in action.
It’s not just about presenting data in a presentation or making things colorful. Infovis also helps us find and understand things quicker With the growing implementation of electronic dashboards, we need to learn how to create effective visual representations of data to make the most of dashboard technology. Here’s an infographic about useless infographics 🙂
It’s a struggle for me as I haven’t practiced this process or created any charts in a long time. Here are examples and resources for inspiration and learning.
Updated: 17 May 2018
Steal this logo
Examples

  1. 5 Amazing Infographics for the Health Conscious
  2. 10 Outstanding Social Media Graphics
  3. 10 Revealing Infographics about the Web
  4. 35 Great Social Media Infographics
  5. 3D Animation of Linux Code Development
  6. 7 Nights of Bright Eyes article and accompanying visual analysis of Conor Oberst.
  7. AInews.org: Note the .org! Use the other and you’ll get an R-rated surprise. Simple news headlines appears in different sizes. Mouse over a headline for a summary or click the + to save it (up to 10).
  8. AntarcticAnimation: “Reveals the profound human connections that some have made with Antarctica’s changing landscape.” Animations and map.
  9. Archival Maps from Library of Congress
  10. Atlas of Cyberspaces “is atlas of maps and graphic representations of the geographies of the new electronic territories of the Internet, the World-Wide Web and other emerging Cyberspaces.”
  11. BabyNameVoyager byMartin Wattenberg.
  12. Baseball Teams: Salary vs. Performance [Link: Lauren’s Blog]
  13. Salary vs. Performance looks at baseball teams and spending. Learn how to do these with Fry’s book, Processing: A Handbook for Visual Designers and Artists.
  14. Books That Make You Dumb: Of course, reading them won’t lower your IQ — little humor, y’know? This chart comes from data based on books read in college and comparing that to SAT scores. The higher a book scores, the smarter it is.
  15. Business Planet interactive map that shows how hard or easy it is to do business in many economies.
  16. Candidate Match Game: Very cool tool from USA Today that’s not a game, but more a tool to help you see which candidates share your opinions on big issues. It’s the chart that appears after you complete the questions that amazes.
  17. Chris Harrison’s Projects Page: Man, this is incredible. It includes Visualizing the Bible, which visualizes cross-references in the Bible and others I’ve already mentioned in here before finding this.dashboards-by-example.gif
  18. Civilization Maps video
  19. Corporate Connection
  20. Dashboard By Example has examples of actual business dashboards that started as part of the Dashboard Spy. Also, Dashboard Spy’s Big List of Experts, Dashboard.TV (videos), and Dashboard By Example. Busy spy!
  21. Data360: Maps and charts of issues ranging from local and international to arts and business.
  22. Data Visualization of a Social Network is the result of a school project.
  23. A Day in the Life of The Colour Economy
  24. Death and Taxes 2008: See where your federal tax dollars are heading.
  25. Duarte Design work examples (commercial). Nancy Duarte is the author of slide:ology.
  26. The Dumpster is a visualization of romantic breakups.
  27. Etsy takes a creative approach in helping people find products with tools such as the Geolocator.
  28. Flickrvision
  29. FlowingData and its archives have many visualization examples.
  30. Formwerks, architectural firm using infovis on its site. Not sure this is effective as it may be difficult for prospects to figure out.
  31. GMap: Drawing graphics as maps includes maps of trade relations and book maps.
  32. Goldstar Beer Flow Chart Ads: One, two, three – sexist or not, admit it’s creative.
  33. Google Chrome overview by Scott McCloud.
  34. Google Maps: Now you can see buildings up close in Street View. Wow. That took a heck of a lot of time to do.namevoyager.gif
  35. Google Trends: Charts based on entered search words.
  36. HCIL Visualization houses past and present visualizations projects.
  37. Historic Cities contains maps relating to past, present and future of historic cities.
  38. HistoryShots information graphics prints for sale, but it’s an experience to look at each one and read about them (commercial).
  39. Idea Mapping Success: Book idea maps
  40. If You Printed Twitter…
  41. InfoGraphics: Four Ways of Looking at Twitter: Use of TwitterVenn and other apps.
  42. Internet Memes provides an interactive timeline along with a description of each meme.
  43. John Grimwade‘s index of diagrams and maps.
  44. Jon’s Excel and Charting Pages contains many examples of using Excel for charts.
  45. Jorge Camoes’ Charts
  46. Juice Analytics’ writings includes many visualization examples.
  47. LinuxDistribution Timeline
  48. LivesConnected through Hurricane Katrina and its aftermath.
  49. Mamas, Don’t Let Your Babies Grow Up to Be Infographics: Don’t let the title throw you. Lots of great stuff.
  50. Many Eyes from IBM contains many visualizations.
  51. MapEcos: Map of US facilities with information on pollution and improvement efforts.
  52. Martin Wattenberg research projects list includes History Wired is a visual exploration of the Smithsonian National Museum of American History’s holdings that seeks to reproduce the serendipity experienced when browsing in a physical museum, History Flow, QuerySketch, and Map of the Market.
  53. Materials Research Center Interactive Directory
  54. MindMap Library: Collection of 1000s of mindmaps.
  55. MindMapPedia: Collection of mindmaps that welcomes submissions.medmaps_bipolar.jpg
  56. MyMap e-mail relational map.
  57. MySociety Travel Time Maps and other projects. Comments on travel time maps from co-creator Tom Carden.
  58. Newsmap
  59. NY Times Cancer chart.
  60. Panorama-Maps
  61. Perceptual Edge has examples of turning data into visual information and before and after examples to show how to better tell the story behind the data. Participants in its forums discuss good and bad examples.
  62. Places and Spaces: Mapping science.
  63. Prefuse Gallery
  64. Processing examples including Inequality of CEO salaries.
  65. Small Business Blogging Map: Get the big picture on how blogging helps small businesses gain more customers.
  66. Social Networks around the World: Which social network does your country use the most?
  67. Starbucks and McDonalds Infographic: See how the two franchises are taking over the world… close to it.
  68. Stef Crowley’s cool video of her creating a historical timeline for the University of Buffalo (commercial).
  69. The Story of Stuff (commercial)
  70. Swivel: Explore, share and upload data. Check out the Swivel Bar for Excel.
  71. They Rule lets you “create maps of the interlocking directories of the top companies in the US in 2004.”
  72. TopicScape Mindmaps Directory
  73. TouchGraph Google Browser explores connections between related Web sites. Also available: TouchGraph Amazon and TouchGraph Facebook.
  74. Tracking the threat looks at data relating to terrorism.
  75. Twittervision, TwitterMap
  76. VisualComplexity looks at visualization of complex networks. It also has a wealth of related links.slate_mlb_steroid_use.gif
  77. Visual Dictionary Online
  78. Visual Insight murals that illustrate information.
  79. Visual Literacy, an e-learning course, has maps and demos.
  80. Visual Think Map’s Photostream: Flickr page of visual maps.
  81. Visuwords online graphical dictionary and thesaurus
  82. Washington DC Metro Maps helped me get around Washington, DC for six years. The hardest part was figuring out the end of the route so I could ensure I got on the right train.
  83. Wikipedia visualizations: Clusterball, WikiViz, First Monday, A Beautiful WWW.
  84. WikipediaVision shows anonymous edits in realtime.
  85. Wikipedia Diagrams, Drawings, and Maps page and this shows the definition of Pi.
  86. Winner of the personal visualization project as well as other entries.
  87. WorldMapper has over 366 maps for exploring.
  88. WorldProcessor uses globes to show distribution of different world parameters.

Blogs

  1. Beyond Bullet Points Blog covers ways to use media to communicate. Author Cliff Atkinson’s Sociable Media has more resouces.Back of the Napkin
  2. BldgBlog focuses on architecture, but talks a lot about great visuals and illustrations.
  3. The Center for Graphic Facilitation
  4. CommonCraft: Folks behind the great presentations that explain stuff like RSS and Wikis.
  5. Cool Infographics has a collection of many amazing posters.
  6. Creating Passionate Users uses many nice visual images in its entries as support.
  7. David Sibbet discusses visualization and graphic facilitation.
  8. Dataisnature
  9. Data Mining: Text mining, visualization, and social media has a neat map of the blogosphere.
  10. Digital Roam blog by The Back of the Napkin author David Roam — about solving problems with pictures — check out the presentation on the book’s site.
  11. EagerEyes
  12. emo+beer = busted career … seriously, it has visualizations.
  13. Forest and the Trees: Flash and data visualization
  14. Found in Translation
  15. Future Feeder: Discusses impact of information and computation on architecture.
  16. Idea Mapping by the author of Idea Mapping, Jamie Nast
  17. Indexed : “This site is a little project that lets me make fun of some things and sense of others. I use it to think a little more relationally without resorting to doing actual math.”
  18. InfoDesign
  19. Information Design Watch
  20. Information Is Beautiful: Indeed.
  21. Infographics News
  22. Information Aesthetics: Data visualization and visual communication.
  23. Information Visualization
  24. JunkCharts: Blog dedicated to recycling bad charts into junk art.
  25. Karl Gude
  26. The Mind Mapping Software Weblog
  27. Neoformix
  28. Networked Performance on Visualization
  29. NiXLOG Infographics
  30. Nooface: Searching for the post-PC interface
  31. ProcessingBlogs and ProcessingHacks: Processing is an open source programming language and environment for people who want to program images, animation, and sound.
  32. Random Etc.
  33. Strange Maps
  34. Street Anatomy is a blog on medical visualization.
  35. Tableau Software on data visualization.
  36. The Underlying Blog
  37. Visual Business Intelligence by Stephen Few
  38. Visual Linguists is a blog by Neil Cohn on visual language of comics.New York Times Football Rankings
  39. Visual Methods
  40. VisualSpeak Blog
  41. Visual Thinking School
  42. Writing on the Walls by Visual Thinking: Tools for Mapping Your Ideas co-author Christine Valenza

If a blog isn’t listed — it may be too new, hasn’t been updated in a long time, doesn’t have enough entries. Of course, I may have simply missed it. Please add it in comments or email me.
Resources

  1. 37 People You Should Follow for Infographics on Twitter
  2. 70+ Excel Tips and Shortcuts to Help You Make Excel Magic is a list similar to this one with a focus on Excel.
  3. 70+ PowerPoint Presentation Resources would benefit from these resources and you can see how some people used infovis in their presentations.
  4. Accessible Data Visualization with Web Standards: How to include data visualization as an important part of a web site not as a lone figure or chart.
  5. Alltop Infographics page: You know how Alltop operates. Blogs covering the topic all in one page.
  6. Beyond Bullet Points teaches how to tell a story with PowerPoint without resorting to useless templates. Think of it as presentation turned into visuals.
  7. Bob Horn is an expert on visual argumentation mapping and his site posts speeches, articles, and examples including the cool home page.
  8. Communicating Concepts through Comics: Presentation
  9. Data Visualization: Modern Approaches from Smashing Magazine has tons of examples, articles, tools, and resources.
  10. Dataesthetics: Power and Beauty of Data Visualization by Eric Blue.
  11. Dave Gray Info
  12. Drawing Together Online: Presentation
  13. Edward Tufte site has forums, examples, articles, and more.
  14. ExcelUser has articles on plotting with Excel such as Comparing Metrics by Category and tips for dashboarding with Excel.
  15. Gapminder is a non-profit organization that uses data visualization to get its message across. Hans Rosling, co-founder of the organization, turns boring numbers into animation to help us make sense of the world especially in Gapminder World.
  16. History of Cartography tutorials
  17. How to Create MindMaps with Mindomo
  18. InfoVis Wiki
  19. Inf@Vis! InfoVis.net Digital Magazine
  20. InstantAtlas: Software for visually analyzing statistical data.
  21. Introduction to Sketchcasting, a way to combine podcasting with sketching. Arclabs has other experiments and resources of interest.
  22. An Introduction to Visual Thinking: Presentation
  23. Jerry Isdale’s Big List of Infovis Links. Just like it sounds.
  24. John Grimwade Information Graphics has cool diagrams and maps.
  25. Logic+Emotion: Visual Thinking Archive: Presentation
  26. Mapping History with art and images.
  27. Periodic Table of Visualization Methods: Very cool interactive table.
  28. Pictorial Maps from Wikipedia
  29. ProcessTrends covers Data Analysis and Visualization with Excel Tools and Charts.
  30. RadicalCartography: Does map visualizations and also includes resources. Click the menu items to see samples.TextArc.org
  31. Rico Clusters: An Alternative to Mind Mapping
  32. SPSS Viz Designer: Software that provides visual clarity to predictive analytics analysis.
  33. TED (Technology, Entertainment, Design): Provides visualization as an option for viewing the information.
  34. TextArc: Visual representation of text.
  35. Toxi: Interactive works include base26 (all four-letter words in English)
  36. Treemaps for space-constrained visualization of hierarchies
  37. Visual and Creative Thinking: What We Learned from Peter Pan and Willy Wonka: Presentation
  38. The Visual Dictionary serves as an academic resource where images replace words.
  39. Visual Editors “is the online classroom and meeting hall where student and working journalists from newsrooms around the world come to study the latest reporting, editing and design techniques, story forms, media trends, and interactive strategies.”
  40. Visual Literacy: eLearning tutorial on visualization that also has a periodic table of visualization methods in its maps section.
  41. Xplane’s Dave Gray and his Visual Thinking Art.
  42. VizThinker: Obsessed with visual thinking.
  43. Walk2We: Visualizes connections between web sites.
  44. We Make Money Not Art on visualizing
  45. What Ordinary People Need Most from Information Visualization Today [pdf file] by Stephen Few.
  46. York University Gallery of Data Visualization shows contains many resources, data visualization timeline, and examples.