Presentation for BLC10

1. Beyond the Bar Chart
Data Visualization with Many Eyes
Shelley Paul - BLC10 July 14, 2010
Resources: http://manyeyes.posterous.com/

2. Disclaimer...

3. http://www.flickr.com/photos/rltherichman/4357896793/

4. http://www.flickr.com/photos/lwr/4792919396/

5. Let’s collect some data...
http://moourl.com/whoform

6. Why are we here?
Learn a bit about
Data Visualization.
Explore “Many Eyes.”
Dwell in possibility.
Be inspired!
http://www.flickr.com/photos/helga/3952984450/

7. What is Data Visualization?
http://newsmap.jp/

8. What is Data Visualization?
Using pictures (commonly charts and
graphs) to help people make sense of
complex information.
It’s POWERFUL.

9. Why Data Visualization?
Hans Rosling’s
2006 TED Talk
UN Data
http://www.gapminder.org/

10. Why Data Visualization?
Story
Patterns & Relationships
Conversation
Questioning

11. Brain Rule #10: Vision
Trumps all Other Senses
The optic nerve is constructed of about 1 million nerve fibers;
That’s HIGH BRAIN BANDWIDTH (to paraphrase @djakes).
http://www.flickr.com/photos/kerneis/2505170265/
http://www.brainrules.net/vision

12. It’s about
Story...
http://www.readwriteweb.com/archives/
tag_clouds_of_obamas_inaugural_speec
h_compared_to_bushs.php

13. What’s the Story?

14. What’s the Story?
http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/distribution-of-us-foreign-aid-ove-3

15. What’s the Story?
Jesus was a
“super node.”
http://manyeyes.alphaworks.ibm.com/manyeyes/visualizations/co-occurrences-of-names-in-the-new

16. It’s about Visual Literacy...
http://www.flickr.com/photos/whitecatsg/3623744135/

17. Geographically accurate...
http://elections.nytimes.com/2008/president/whos-ahead/key-states/map.html

18. ...but visually misleading.
Mass.
N.J.
Montana: 3 votes Massachusetts: 12 votes
Idaho: 4 votes New Jersey: 15 votes

19. The visual “fix...”
http://elections.nytimes.com/2008/president/whos-ahead/key-states/map.html

20. “Cumulative Oil Collected”
http://flowingdata.com/2010/05/26/bp-tries-to-mislead-you-with-graphs/

21. A clearer view...
https://www.swivel.com/charts/21190-How-much-oil-has-BP-diverted-from-the-spill-

22. What’s up with apricots?

23. It’s about Info Literacy...
http://www.flickr.com/photos/verbeeldingskr8/3638834128/

24. What’s true?
http://moourl.com/titanickids

25. What’s true?
http://moourl.com/titanickids

26. And back to Story...
Name: Miss Helen Loraine Allison
Born: Saturday 5th June 1909
Age: 2 years 10 months and 10 days
1st Class passenger
First Embarked: Southampton on
Wednesday 10th April 1912
Ticket No. 113781 , £151 16s
Cabin No.: C22/26
Died in the sinking
Body Not Recovered
http://www.encyclopedia-titanica.org/titanic-first-class-passengers/

27. It’s about Curiosity...

28. Curiosity...

29. ...and Passion.

30. Friedman’s Flat
World “formula:”
CQ + PQ > IQ
http://www.aasa.org/SchoolAdministratorArticle.aspx?id=5996&terms=pink+friedman

31. Igniting my “CQ...”

32. Igniting my “CQ...”

33. My initial “CQ” questions...
Why is there so little “oil spill” content
prior to 1967?
Why are these two spills the most
“Google”-able?
How does the Exxon-Valdez spill
compare to the current disaster?

34. My “CQ” discoveries...
? Less offshore drilling, spilling, news
coverage, fewer archives?
It’s about where I live!
Not even close.

35. Lakeview Gusher 1910
Expand
the Search

36. It’s about where I live!
http://www.infoplease.com/science/environment/largest-oil-spills-united-states.html

37. Not even close...
PBS Ticker | 10 Biggest

38. It’s about HEAT...
http://www.flickr.com/photos/piero/23712191/

39. Higher-order thinking
Engagement
Authenticity
Technology use
http://loticonnection.com/HEATframework.html
http://moourl.com/sc_engage

40. 2-Minute Tour
(a la Web 2.0 Smackdown)
‣ Gallery
‣ Data Sets
‣ Viz Types
http://manyeyes.alphaworks.ibm.com/manyeyes/

41. Activity: Why “Many Eyes?”
(You Tell Me!)
“Buddy up” and explore Many Eyes (take turns
driving). Check out something that interests you.
Consider:
Interaction / Experimentation
Story / Questions / Curiosity
Make/break something!

42. What did you
discover?
http://www.flickr.com/photos/shutterhack/3109603395/

43. Why “Many Eyes?”
‣ Democratic / Social / Collaborative
‣ Free, browser-based (no download)
‣ Innovative/Experimental (esp. text)
‣ Invites play and discovery!
http://manyeyes.alphaworks.ibm.com/manyeyes/

44. So, who’s in the room?
http://manyeyes.alphaworks.ibm.com/manyeyes/
http://manyeyes.alphaworks.ibm.com/manyeyes/
http://moourl.com/whodata
visualizations/new/matrix-chart/whos-in-the-room-at-blc/1

45. Where do you find data?
Collect your own!
Online!
‣ Govt sites, Research/Edu, NGO, NPO
‣ DASL, Swivel, Many Eyes libraries
‣ Search: filetype:xls, “data,” “statistics”
‣ Text: Project Gutenberg, Bartleby, full-text
news, journals, poetry
‣ Wikipedia (gateway tool)

46. Activity: Bring the HEAT!
Small group brainstorm: considering your own
context, how might you use Many Eyes to...
‣ Increase students’ critical thinking?
‣ Engage learners in work that has value?
‣ Connect beyond the classroom?
‣ Support your own PD or passions?
Hot Ideas: http://moourl.com/hotideas

47. Other places to “play”
with data...
‣ Swivel Public - http://www.swivel.com/public
‣ Gapminder - http://www.gapminder.org/
‣ Tableau - http://www.tableausoftware.com/public
‣ Google Chart Tools - http://moourl.com/gchart

48. An Invitation...
Join the BLC10
Topic Center.
How can we use
Many Eyes to
support student
thinking, learning
and curiosity?
http://gapingvoid.com/2007/04/09/the-network/