"xxxxxxxxxxxxx."
Introduction to Infographics and Data Visualization [video] 2/11/15
- Orientation Message from Alberto Cairo 12/9/13
- Lecture: Introduction to Visualization
- Lecture: Visualizing Information
- Part 1: The Main Ideas of the Course
- Part 2: The World is Full of Stuff
- Part 3: The Difference Between Infographics and Data Visualization
- Part 4: Examples
- Part 5: More Examples
- Part 6: Summary
- Part 7: Conclusion
"The main task this week is to participate in an open discussion about one of several graphics I am proposing ... If you decide to try to redesign the graphic, please do. It could be a great contribution to the discussion. Don't worry if you don't know how to use any software tool. I love hand-drawn sketches"
- Lecture 2: Visual Perception and Graphic Design Principles
- 2×1: Visual Perception and Design
- 2×2: Principles of Graphic Design
- 2×3: Grids
- 2×4: Type and Color
- Lecture 3: Planning for Infographics and Visualizations
- 3×1: Planning for Visualization
- 3×2: Summary for Graphical Forms
- 3×3: Charts
- 3×4: Creation Process for Maps and Graphs
- 3×5: Example
"Imagine that you work for a newspaper, a magazine, or a website. You receive this graphic from a source. You want to publish your own graphic based on the data they show, but you feel that you can improve the display. ... Write a critique of the graphic"
- Lecture 4: Interaction and Visualization Design
- 4×1: Interaction and Visualization Design
- 4×2: Some Principles
- 4×3: Providing Feedback
- 4×4: How should you organize your presentation (interaction design)?
- 4×5: Project Examples
- 4×6: Another Example
- 4×7: Explore other areas
- 4×8: Borrowing from Video Games
- Lecture 5: Visual Ethics
- 5×1: Visual Ethics
- 5×2: Another Example
- 5×3: Don’t Over Simplify
- 5×4: Another Example
- 5×5: Only Show What You Know
"In June 2013, The New York Times published a series of stories about how expensive medical treatments can be in the U.S. ... As a part of that series, the Times included a print graphic in which it showed the highest and the lowest prices of colonoscopies in many metropolitan areas. Imagine that you are hired by NYT as an external consultant. They ask you about your opinion about the map ... and to come back a week later for a meeting in which you will have to explain how you would make it a bit better, and how you would add interactivity to it"
"Imagine that you work in a lifestyle magazine or website and your editor shows you this infographic and mentions that she'd like to use those same data in your publication, as an interactive graphic. She LOVES the original project, by the way, so she wants you to do something similar. But, you know, you're part of this MOOC, so you feel that this is a deeply flawed project at many levels. Therefore, you are sure you can offer something much better. You will need to apply everything you've learned so far in this course. You need to redesign it"
TableauPublic has a working version, with clickable map/bars, and informative popups :
[In 2015, it was optimised perfectly - all text visible, boxes aligned & outlined, (and trying to keep original colours, font, dimensions). But TableauPublic 'messes it up' a bit, when I want a screenshot in 2018 :)]