3. Shneiderman’s Infovis mantra (1996)
The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations
Shneiderman, B. 1996
3
4. Shneiderman’s Infovis mantra (1996)
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
Overview first, zoom and filter, then details-on-demand
The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations
Shneiderman, B. 1996
3
5. Updated with Jeff Heer in 2012
Heer, J and B. Shneiderman, “Interactive Dynamics for Visual Analysis:A taxonomy of tools that support the fluent and flexible use of visualizations”
http://queue.acm.org/detail.cfm?id=2146416
6. Updated with Jeff Heer in 2012
Heer, J and B. Shneiderman, “Interactive Dynamics for Visual Analysis:A taxonomy of tools that support the fluent and flexible use of visualizations”
http://queue.acm.org/detail.cfm?id=2146416
7. Updated with Jeff Heer in 2012
Heer, J and B. Shneiderman, “Interactive Dynamics for Visual Analysis:A taxonomy of tools that support the fluent and flexible use of visualizations”
http://queue.acm.org/detail.cfm?id=2146416
8. Updated with Jeff Heer in 2012
Heer, J and B. Shneiderman, “Interactive Dynamics for Visual Analysis:A taxonomy of tools that support the fluent and flexible use of visualizations”
http://queue.acm.org/detail.cfm?id=2146416
10. Position on common scale
Position on unaligned scale
Accuracy of
Judgments Length
Direction
Cleveland-McGill Hierarchy
of Perception Angle
Area
Volume
Genericness
of Judgments
Curvature
Shading
Image from Alberto Cairo’s The Functional Art
Saturation
11. Aka, “Why pie charts are (often) bad”
http://en.wikipedia.org/wiki/Pie_chart
12. Aka, “Why pie charts are (often) bad”
http://en.wikipedia.org/wiki/Pie_chart
24. A few more zoom examples...
Zoom/pan axis example: http://
bl.ocks.org/1182434
Some map zoom code examples: https://bl.ocks.org/1284044
http://bl.ocks.org/2206590
19
29. “Annotate patterns to document
findings”
“What we don’t do: here’s a bunch of data, we hope you find
something interesting in it.”
-- paraphrase of Amanda Cox, NYT
33. Learning D3.js
• The D3.js repo website has a tutorials list: https://github.com/
mbostock/d3/wiki/Tutorials
• Short intro book by Mike Dewar: http://shop.oreilly.com/
product/0636920025429.do
• Scott Murray’s forthcoming intro book and his tutorials: http://
alignedleft.com/tutorials/
• Some great tutorials by Jim Vallandingham for more advanced
folks, including how to make a NYT-style stepper and a bubble
vis like the ones I showed: http://vallandingham.me/
34. Join the local D3 meetup!
Next talk is Oct 22:
http://www.meetup.com/Boston-d3-js-User-Group/events/83944092/
28