pot-pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-potpourri.pdf · 13/04/2012 · •...
TRANSCRIPT
![Page 1: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/1.jpg)
“Chrono-Zoom”, Maps and other topicsPot-Pourri
April 17, 2012 – Michael Porath
Tuesday, April 17, 12
![Page 2: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/2.jpg)
Chrono-ZoomProject Presentation
Tuesday, April 17, 12
![Page 3: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/3.jpg)
Cartography
• This is just a sneak peak
• Cartography is a whole discipline of its own
What’s the intent?
Tuesday, April 17, 12
![Page 4: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/4.jpg)
Categories of Maps3 Types
Tuesday, April 17, 12
![Page 5: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/5.jpg)
Dot MapVisualizing specific points
http://en.wikipedia.org/wiki/Ivy_League
Nominal data
Arranged by Latitude/Longitude
Tuesday, April 17, 12
![Page 6: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/6.jpg)
Dot MapExample: Crimespotting
Problem?
http://sanfrancisco.crimespotting.org
Tuesday, April 17, 12
![Page 7: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/7.jpg)
Dot MapClustering, e.g. k-means algorithm
95
4
Tuesday, April 17, 12
![Page 8: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/8.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 9: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/9.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 10: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/10.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 11: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/11.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 12: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/12.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 13: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/13.jpg)
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 14: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/14.jpg)
Dot Mapk-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
![Page 15: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/15.jpg)
MarkersWhich ones?
Tuesday, April 17, 12
![Page 16: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/16.jpg)
Google Maps Markers
Tuesday, April 17, 12
![Page 17: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/17.jpg)
Choropleth Maps
Tuesday, April 17, 12
![Page 18: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/18.jpg)
Choropleth MapDefinition
“areas are shaded or patterned in proportion to the measurement of the statistical variable being displayed on the map” (Wikipedia)
http://www.guardian.co.uk/world/interactive/2009/jan/14/uselections2008-obama-white-house
Tuesday, April 17, 12
![Page 19: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/19.jpg)
Choropleth MapProblems
DensityTotal Population of 2000 Block Groups
http://en.wikipedia.org/wiki/Choropleth_map
Tuesday, April 17, 12
![Page 20: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/20.jpg)
Choropleth MapProblems
DensityWhitespaceDifferent sizes
Teen Abortion Rates (%), 1996
Tuesday, April 17, 12
![Page 21: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/21.jpg)
Choropleth Map AlternativesTeen Abortion Rates (%), 1996
Better, but not as engaging
Alternatives?Improvements?
Tuesday, April 17, 12
![Page 22: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/22.jpg)
Isarithmic Map
Tuesday, April 17, 12
![Page 23: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/23.jpg)
Isarithmic / Isopleth MapDrawing borders of same intervals
http://enb150-2011f-nl.blogspot.com/2011_08_01_archive.html
Tuesday, April 17, 12
![Page 24: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/24.jpg)
ExampleNational Geographic Education
http://education.nationalgeographic.com/education/mapping/interactive-map
Tuesday, April 17, 12
![Page 25: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/25.jpg)
Hybrids
Tuesday, April 17, 12
![Page 26: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/26.jpg)
NY Times 2010 Census MapHybrid between Choropleth and Dot Map
Tuesday, April 17, 12
![Page 27: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/27.jpg)
VoronoiMapProximity to In-N-Out
Burger locations
http://people.ischool.berkeley.edu/~fycheng/in-n-out-voronoi.png
Tuesday, April 17, 12
![Page 28: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/28.jpg)
Tips to Improve Your Maps
Tuesday, April 17, 12
![Page 29: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/29.jpg)
How can you improve your maps?Tone down map features if the visualization is in the data
Tuesday, April 17, 12
![Page 30: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/30.jpg)
How can you improve your maps?There are alternatives to Google Maps
http://polymaps.org/
http://lea"et.cloudmade.com/
http://www.openstreetmap.org/
Traces, UI, API, etc.Open source; Under heavy development
UI, Layers, etc. Open source; Under heavy development
API, Image/vector layersOpen source; Under heavy development
API, Image/vector layers, Markers
http://mapbox.com/tilemill/
GIS Library; Allows to make your own very custom mapsOpen source
Tuesday, April 17, 12
![Page 31: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/31.jpg)
Finding Data SetsStrategies
Tuesday, April 17, 12
![Page 32: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/32.jpg)
Finding dataThe needle in the haystack
Open Government Data Product APIs
Third Party Data Providers Anywhere
http://www.flickr.com/photos/ccacnorthlib/4131837946/sizes/z/in/photostream/
Tuesday, April 17, 12
![Page 33: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/33.jpg)
Finding dataYour projects?
Open Government Data Product APIs
Third Party Data Providers Anywhere
http://www.flickr.com/photos/ccacnorthlib/4131837946/sizes/z/in/photostream/
Tuesday, April 17, 12
![Page 34: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/34.jpg)
What qualifies as a good visualization?
Tuesday, April 17, 12
![Page 35: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/35.jpg)
What qualifies as a good visualization?
Tuesday, April 17, 12
![Page 36: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/36.jpg)
What qualifies as a good visualization?
• It doesn’t distort the data
Tuesday, April 17, 12
![Page 37: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/37.jpg)
What qualifies as a good visualization?
• It doesn’t distort the data
• It is engaging (in order to win the fight for eyeballs)
Tuesday, April 17, 12
![Page 38: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/38.jpg)
What qualifies as a good visualization?
• It doesn’t distort the data
• It is engaging (in order to win the fight for eyeballs)
• It tells a story (communication)
Tuesday, April 17, 12
![Page 39: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/39.jpg)
What qualifies as a good visualization?
• It doesn’t distort the data
• It is engaging (in order to win the fight for eyeballs)
• It tells a story (communication)
• It serves a specific user intent (analysis / interaction)
Tuesday, April 17, 12
![Page 40: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/40.jpg)
What qualifies as a good visualization?
• It doesn’t distort the data
• It is engaging (in order to win the fight for eyeballs)
• It tells a story (communication)
• It serves a specific user intent (analysis / interaction)
• It addresses our perceptive capabilities
Tuesday, April 17, 12
![Page 41: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/41.jpg)
Recap
Tuesday, April 17, 12
![Page 42: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/42.jpg)
Show & Tellhttp://maps.stamen.com/#terrain
http://www.nytimes.com/interactive/2010/01/10/nyregion/20100110-net"ix-map.html
http://modi.mech.columbia.edu/nycenergy/
http://ilovecharts.tumblr.com/BenGreenman
http://www.mcsweeneys.net/columns/ben-greenmans-graphs-about-charts-and-charts-about-graphs
Tuesday, April 17, 12
![Page 43: Pot-Pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-Potpourri.pdf · 13/04/2012 · • It is engaging (in order to win the fight for eyeballs) • It tells a story (communication)](https://reader035.vdocuments.us/reader035/viewer/2022070917/5fb7b62bd15e17424577aeac/html5/thumbnails/43.jpg)
Next WeekVisualization Critique
• No lecture (aside from wrapping up the semester)
• Mandatory for all teams
• Come prepared with a working prototype
• I’ll check in with each group
Tuesday, April 17, 12