Meryl's Notes Blog

Since 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: 9 February 2013

ShortURL to this post: http://bit.ly/yz7to

Examples

1. 5 Amazing Infographics for the Health Conscious
2. 10 Outstanding Social Media Graphics
3. 10 Revealing Infographics about the Web
4. 10×10 is “100 words and pictures that define time.”
5. 35 Great Social Media Infographics
6. 3D Animation of Linux Code Development
7. 7 Nights of Bright Eyes article and accompanying visual analysis of Conor Oberst.
8. 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).
9. AntarcticAnimation: “Reveals the profound human connections that some have made with Antarctica’s changing landscape.” Animations and map.
10. Archival Maps from Library of Congress
11. 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.”
12. BabyNameVoyager byMartin Wattenberg.
13. Baseball Teams: Salary vs. Performance [Link: Lauren's Blog]
14. Ben Fry’s archive of past work at MIT that blended computer science, graphical design, and data visualization. Zipdecode shows how zip code numbering works and 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.
15. 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.
16. Business Planet interactive map that shows how hard or easy it is to do business in many economies.
17. 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.
18. 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.
19. Civilization Maps video
20. Corporate Connection
21. 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!
22. Data360: Maps and charts of issues ranging from local and international to arts and business.
23. Data Visualization of a Social Network is the result of a school project.
24. A Day in the Life of The Colour Economy
25. Death and Taxes 2008: See where your federal tax dollars are heading.
26. Duarte Design work examples (commercial). Nancy Duarte is the author of slide:ology.
27. The Dumpster is a visualization of romantic breakups.
28. Ear Studio timeline.
29. Etsy takes a creative approach in helping people find products with tools such as the Geolocator.
30. Flickrvision
31. FlowingData and its archives have many visualization examples.
32. Formwerks, architectural firm using infovis on its site. Not sure this is effective as it may be difficult for prospects to figure out.
33. Geopictorial Maps (commercial)
34. GMap: Drawing graphics as maps includes maps of trade relations and book maps.
35. Goldstar Beer Flow Chart Ads: One, two, three – sexist or not, admit it’s creative.
36. Google Chrome overview by Scott McCloud.
37. Google Maps: Now you can see buildings up close in Street View. Wow. That took a heck of a lot of time to do.
38. Google Trends: Charts based on entered search words.
39. HCIL Visualization houses past and present visualizations projects.
40. Historic Cities contains maps relating to past, present and future of historic cities.
41. HistoryShots information graphics prints for sale, but it’s an experience to look at each one and read about them (commercial).
42. Idea Line by Martin Wattenberg
43. Idea Mapping Success: Book idea maps
44. If You Printed Twitter…
45. InfoGraphics: Four Ways of Looking at Twitter: Use of TwitterVenn and other apps.
46. Internet Memes provides an interactive timeline along with a description of each meme.
47. John Grimwade‘s index of diagrams and maps.
48. Jon’s Excel and Charting Pages contains many examples of using Excel for charts.
49. Jorge Camoes’ Charts
50. Juice Analytics’ writings includes many visualization examples. Check out the Chart Chooser. They recreated the NY Times Cancer chart.
51. LinuxDistribution Timeline
52. LivesConnected through Hurricane Katrina and its aftermath.
53. Mamas, Don’t Let Your Babies Grow Up to Be Infographics: Don’t let the title throw you. Lots of great stuff.
54. Many Eyes from IBM contains many visualizations.
55. MapEcos: Map of US facilities with information on pollution and improvement efforts.
56. 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.
57. Materials Research Center Interactive Directory
58. MedMaps: MindMaps for doctors and medical students.
59. MindMap Library: Collection of 1000s of mindmaps.
60. MindMapPedia: Collection of mindmaps that welcomes submissions.
61. mindServe Group: Example diagrams and templates (commercial)
62. MyMap e-mail relational map.
63. MySociety Travel Time Maps and other projects. Comments on travel time maps from co-creator Tom Carden.
64. Newsmap
65. Nigel Holmes Explanation Graphics charts, diagrams , and motion graphics.
66. Panorama-Maps
67. 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.
68. Places and Spaces: Mapping science.
69. Prefuse Gallery
70. Processing examples including Inequality of CEO salaries.
71. R Graph Gallery shows graphs created with programming environment R.
72. RoomforMilk: “Fresh skimmed Slashdot headlines.”
73. Sesame Street on visual thinking. An old video teaching visualizing shapes.
74. Small Business Blogging Map: Get the big picture on how blogging helps small businesses gain more customers.
75. Social Networks around the World: Which social network does your country use the most?
76. Starbucks and McDonalds Infographic: See how the two franchises are taking over the world… close to it.
77. Stef Crowley’s cool video of her creating a historical timeline for the University of Buffalo (commercial).
78. The Story of Stuff (commercial)
79. Swivel: Explore, share and upload data. Check out the Swivel Bar for Excel.
80. They Rule lets you “create maps of the interlocking directories of the top companies in the US in 2004.”
81. TopicScape Mindmaps Directory
82. TouchGraph Google Browser explores connections between related Web sites. Also available: TouchGraph Amazon and TouchGraph Facebook.
83. Tracking the threat looks at data relating to terrorism.
84. Twittervision, TwitterMap
85. VisualComplexity looks at visualization of complex networks. It also has a wealth of related links.
86. Visual Dictionary Online
87. Visual Insight murals that illustrate information.
88. Visual Literacy, an e-learning course, has maps and demos.
89. Visual Think Map’s Photostream: Flickr page of visual maps.
90. Visuwords online graphical dictionary and thesaurus
91. 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.
92. Wikipedia visualizations: Clusterball, WikiViz, First Monday, A Beautiful WWW.
93. WikipediaVision shows anonymous edits in realtime.
94. Wikipedia Diagrams, Drawings, and Maps page and this shows the definition of Pi.
95. Winner of the personal visualization project as well as other entries.
96. WorldMapper has over 366 maps for exploring.
97. WorldProcessor uses globes to show distribution of different world parameters.
98. You Are Not Alone Here.

Blogs

1. Beyond Bullet Points Blog covers ways to use media to communicate. Author Cliff Atkinson’s Sociable Media has more resouces.
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. Mindserve Clipper
28. Neoformix
29. Networked Performance on Visualization
30. NiXLOG Infographics
31. Nooface: Searching for the post-PC interface
32. ProcessingBlogs and ProcessingHacks: Processing is an open source programming language and environment for people who want to program images, animation, and sound.
33. Random Etc.
34. Strange Maps
35. Street Anatomy is a blog on medical visualization.
36. Tableau Software on data visualization.
37. The Underlying Blog
38. Peace of Mind
39. Visual Business Intelligence by Stephen Few
40. Visual Linguists is a blog by Neil Cohn on visual language of comics.
41. Visual Methods
42. VisualSpeak Blog
43. Visual Thinking School
44. 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. The Art of Visual Thinking: Guy Kawasaki shares a drawing of his own based on Alltop.
7. Beyond Bullet Points teaches how to tell a story with PowerPoint without resorting to useless templates. Think of it as presentation turned into visuals.
8. Bob Horn is an expert on visual argumentation mapping and his site posts speeches, articles, and examples including the cool home page.
9. Communicating Concepts through Comics: Presentation
10. Data Visualization: Modern Approaches from Smashing Magazine has tons of examples, articles, tools, and resources.
11. Dataesthetics: Power and Beauty of Data Visualization by Eric Blue.
12. Dave Gray Info
13. Drawing Together Online: Presentation
14. Edward Tufte site has forums, examples, articles, and more.
15. ExcelUser has articles on plotting with Excel such as Comparing Metrics by Category and tips for dashboarding with Excel.
16. 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.
17. generator.x : Examines role of software and generative strategies in art and design. Associated blog.
18. GTD for Mindmanager: Getthing Things Done on Mindmanager, software for
19. History of Cartography tutorials
20. How to Create MindMaps with Mindomo
21. InfoVis Wiki
22. Inf@Vis! InfoVis.net Digital Magazine
23. InstantAtlas: Software for visually analyzing statistical data. Examples.
24. Introduction to Sketchcasting, a way to combine podcasting with sketching. Arclabs has other experiments and resources of interest.
25. An Introduction to Visual Thinking: Presentation
26. Jerry Isdale’s Big List of Infovis Links. Just like it sounds.
27. John Grimwade Information Graphics has cool diagrams and maps.
28. Logic+Emotion: Visual Thinking Archive: Presentation
29. Mapping History with art and images
30. Map Your Mind: Mindmapping resource.
31. OLIVE: Online library of visualization environments.
32. Periodic Table of Visualization Methods: Very cool interactive table.
33. Pictorial Maps from Wikipedia
34. ProcessTrends covers Data Analysis and Visualization with Excel Tools and Charts.
35. Proximity Graphs is a tool that connects actors based on movies and authors by papers in computer science journals.
36. RadicalCartography: Does map visualizations and also includes resources. Click the menu items to see samples.
37. Rico Clusters: An Alternative to Mind Mapping
38. Sketchcasting = podcasting + doodling
39. SPSS Viz Designer: Software that provides visual clarity to predictive analytics analysis.
40. TED (Technology, Entertainment, Design): Provides visualization as an option for viewing the information.
41. TextArc: Visual representation of text.
42. Toxi: Interactive works include base26 (all four-letter words in English)
43. Treemaps for space-constrained visualization of hierarchies
44. UNO (UNiversal Organizer): Mind mapping tool. No software. Just plain paper.
45. Visual and Creative Thinking: What We Learned from Peter Pan and Willy Wonka: Presentation
46. The Visual Dictionary serves as an academic resource where images replace words.
47. 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.”
48. Visual Literacy: eLearning tutorial on visualization that also has a periodic table of visualization methods in its maps section.
49. Visualizing Information: An Introduction to Information Design [pdf file]: Booklet with a basic introduction to information design for non-governmental and advocacy organizations.
50. Visual Thinking Squidoo page by Xplane’s Dave Gray. And his Visual Thinking Art.
51. VizThinker: Obsessed with visual thinking.
52. Walk2We: Visualizes connections between web sites.
53. We Make Money Not Art on visualizing
54. What Ordinary People Need Most from Information Visualization Today [pdf file] by Stephen Few.
55. York University Gallery of Data Visualization shows contains many resources, data visualization timeline, and examples.

Subscribe to this here blog: RSS or E-mail