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

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.

Examples

1. 10×10 is “100 words and pictures that define time.”
2. 3D Animation of Linux Code Development
3. 7 Nights of Bright Eyes article and accompanying visual analysis of Conor Oberst.
4. 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).
5. AntarcticAnimation: “Reveals the profound human connections that some have made with Antarctica’s changing landscape.” Animations and map.
6. Archival Maps from Library of Congress
7. 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.”
8. BabyNameVoyager byMartin Wattenberg.
9. 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.
10. 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.
11. 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.
12. Cartifact interactive maps and animations. Explore the company’s site for more examples (commercial).
13. Charteo.us: Uses charts to track book sales rankings. More charts coming.
14. 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.
15. CityVisions: Maps of cities
16. Civilization Maps video
17. Corporate Connection
18. Dashboard By Example has examples of actual business dashboards that started as part of the Dashboard Spy.
19. Data360: Maps and charts of issues ranging from local and international to arts and business.
20. Data Visualization of a Social Network is the result of a school project.
21. Death and Taxes 2008: See where your federal tax dollars are heading.
22. Digg Labs using visualization for managing the latest news.
23. Dream Ether: Create a dream or see other dreams and other experiments.
24. Duarte Design work examples (commercial)
25. The Dumpster is a visualization of romantic breakups.
26. Ear Studio timeline.
27. Etsy takes a creative approach in helping people find products with tools such as the Time Machine and Geolocator.
28. Felton Annual Report 2005, 2006, and 2007
29. Flickrvision
30. FlowingData and its archives have many visualization examples.
31. Formwerks, architectual firm using infovis on its site. Not sure this is effective as it may be difficult for prospects to figure out.
32. Geopictorial Maps (commercial)
33. Google Maps: Now you can see buildings up close in Street View. Wow. That took a heck of a lot of time to do.
34. Google Trends: Charts based on entered search words.
35. Grokker: Dynamic search.
36. HCIL Visualization houses past and present visualizations projects.
37. Historic Cities contains maps relating to past, present and future of historic cities. HistoryShots information graphics prints for sale, but it’s an experience to look at each one and read about them (commercial).
38. Human Flows visually and interactively maps global migrations.
39. Idea Line by Martin Wattenberg
40. Idea Mapping Success: Book idea maps
41. Imagini: Find your visual DNA.
42. John Grimwade’s index of diagrams and maps.
43. Jon’s Excel and Charting Pages contains many examples of using Excel for charts.
44. Jorge Camoes’ Charts
45. Juice Analytics’ writings includes many visualization examples. Check out the apps and tools especially the Chart Chooser. They recreated the NY Times Cancer chart.
46. knowledge-communication.org gallery contains visuals for faciliating knowledge communications between experts and decision makers.
47. LinuxDistribution Timeline
48. LivesConnected through Hurricane Katrina and its aftermath.
49. Many Eyes from IBM contains many visualizations.
50. MapEcos: Map of US facilities with information on pollution and improvement efforts.
51. Mark Lombardi works: An abstract artist who researched scandals.
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. MedMaps: MindMaps for doctors and medical students.
55. MindMap Library: Collection of 1000s of mindmaps.
56. MindMapPedia: Collection of mindmaps that welcomes submissions.
57. mindServe Group: Example diagrams and templates (commercial)
58. MyMap e-mail relational map.
59. MySociety Travel Time Maps and other projects. Comments on travel time maps from co-creator Tom Carden.
60. Newsmap
61. Nigel Holmes Explanation Graphics charts, diagrams , and motion graphics.
62. Panorama-Maps
63. 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.
64. Places and Spaces: Mapping science.
65. Prefuse Gallery
66. Processing examples including Inequality of CEO salaries.
67. R Graph Gallery shows graphs created with programming environment R.
68. RoomforMilk: “Fresh skimmed Slashdot headlines.”
69. Sesame Street on visual thinking. An old video teaching visualizing shapes.
70. Small Business Blogging Map: Get the big picture on how blogging helps small businesses gain more customers.
71. Stef Crowley portfolio and cool video of her creating a historical timeline for the University of Buffalo (commercial).
72. The Story of Stuff (commercial)
73. Swivel: Explore, share and upload data. Check out the Swivel Bar for Excel.
74. Tell Me a Story provides tips on telling stories through presentations.
75. They Rule lets you “create maps of the interlocking directories of the top companies in the US in 2004.”
76. TopicScape Mindmaps Directory
77. TouchGraph Google Browser explores connections between related Web sites. Also available: TouchGraph Amazon and TouchGraph Facebook.
78. Tracking the threat looks at data relating to terrorism.
79. Twittervision, TwitterMap, TwitterSearch
80. Understanding USA by Richard Saul Wurman
81. US Demographics Visualizer: Filter and use color codes to review US census data by population, age, ethnicity, political, and income.
82. Usenet Newsgroups hierarchies treemap
83. The Virus Lab: Get your own Social Virus
84. VisualComplexity looks at visualization of complex networks. It also has a wealth of related links.
85. Visual Dictionary Online
86. Visual Insight murals that illustrate information.
87. Visual Literacy, an e-learning course, has maps and demos.
88. Visual Think Map’s Photostream: Flickr page of visual maps.
89. Visuwords online graphical dictionary and thesaurus
90. 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.
91. We Feel Fine: An exploration of human emotions in six movements.
92. Wikipedia visualizations: Clusterball, WikiViz, First Monday, A Beautiful WWW, and Wikipedia Top 50.
93. WikipediaVision shows anonymous edits in realtime.
94. Wikipedia Diagrams, Drawings, and Maps page and this shows the definition of Pi.
95. WorldMapper has over 366 maps for exploring.
96. WorldProcessor uses globes to show distribution of different world parameters.
97. You Are Not Alone Here and other projects by Steven Baughman and Michael Tabtabai

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. Two maps from the book.
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. 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.”
17. InfoDesign
18. Information Design Watch
19. Infographics News
20. Information Aesthetics: Data visualization and visual communication.
21. Idea Mapping by the author of Idea Mapping, Jamie Nast
22. Information Visualization
23. JunkCharts: Blog dedicated to recycling bad charts into junk art.
24. Karl Gude
25. The Mind Mapping Software Weblog
26. Mindserve Clipper
27. Neoformix
28. Networked Performance on Visualization
29. NiXLOG Infographics
30. Nooface: Searching for the post-PC interface
31. Point by Fascinating Point
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. Serial Consign on Infographics
35. Strange Maps
36. Street Anatomy is a blog on medical 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. VizThink Blog
45. 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. 70+ Excel Tips and Shortcuts to Help You Make Excel Magic is a list similar to this one with a focus on Excel.
2. 70+ PowerPoint Presentation Resources would benefit from these resources and you can see how some people used infovis in their presentations.
3. 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.
4. Beyond Bullet Points teaches how to tell a story with PowerPoint without resorting to useless templates. Think of it as presentation turned into visuals.
5. Bob Horn is an expert on visual argumentation mapping and his site posts speeches, articles, and examples including the cool home page.
6. Communicating Concepts through Comics: Presentation
7. Data Visualization: Modern Approaches from Smashing Magazine has tons of examples, articles, tools, and resources.
8. Dataesthetics: Power and Beauty of Data Visualization by Eric Blue who has more entries on infovis, visualization, and mindmap.
9. Dave Gray Info
10. Drawing Together Online: Presentation
11. Edward Tufte site has forums, examples, articles, and more.
12. ExcelUser has articles on plotting with Excel such as Comparing Metrics by Category and tips for dashboarding with Excel.
13. 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.
14. generator.x : Examines role of software and generative strategies in art and design. Associated blog.
15. GTD for Mindmanager: Getthing Things Done on Mindmanager, software for
16. History of Cartography tutorials
17. How to Create MindMaps with Mindomo
18. InfoVis Wiki
19. Inf@Vis! InfoVis.net Digital Magazine
20. Introduction to Sketchcasting, a way to combine podcasting with sketching. Arclabs has other experiments and resources of interest.
21. An Introduction to Visual Thinking: Presentation
22. Jerry Isdale’s Big List of Infovis Links. Just like it sounds.
23. John Grimwade Information Graphics has cool diagrams and maps.
24. Logic+Emotion: Visual Thinking Archive: Presentation
25. Mapping History with art and images
26. Mapstraction: “Library that provides a common API for various javascript mapping APIs to enable switching from one to another as smoothly as possible.
27. Map Your Mind: Mindmapping resource.
28. Mentegrafica is a blog by Daniele Galiffa on information visualization. His site also has infovis projects and presentations posted.
29. OLIVE: Online library of visualization envrionments.
30. Pictorial Maps from Wikipedia
31. ProcessTrends covers Data Analysis and Visualization with Excel Tools and Charts.
32. Proximity Graphs is a tool that connects actors based on movies and authors by papers in computer science journals.
33. RadicalCartography: Does map visualizations and also includes resources. Click the menu items to see samples.
34. Rico Clusters: An Alternative to Mind Mapping
35. Sketchcasting = podcasting + doodling
36. Squidoo page on Visual Maps
37. TED (Technology, Entertainment, Design): Provides visualization as an option for viewing the information.
38. TextArc: Visual representation of text.
39. Toxi: Interactive works include base26 (all four-letter words in English)
40. Visual and Creative Thinking: What We Learned from Peter Pan and Willy Wonka: Presentation
41. Treemaps for space-constrained visualization of hierarchies
42. UNO (UNiversal Organizer): Mind mapping tool. No software. Just plain paper.
43. The Visual Dictionary serves as an academic resource where images replace words.
44. 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.”
45. Visual Literacy: eLearning tutorial on visualization that also has a periodic table of visualization methods in its maps section.
46. Visualizing Information: An Introduction to Information Design [pdf file]: Booklet with a basic introduction to information design for non-governmental and advocacy organizations.
47. Visual Thinking Squidoo page by Xplane’s Dave Gray. And his Visual Thinking Art.
48. VizThink: Conference focused on visual thinking.
49. Walk2We: Visualizes connections between web sites.
50. We Make Money Not Art on visualizing
51. York University Gallery of Data Visualization shows contains many resources, data visualization timeline, and examples.

Updated: May 2, 2008