pot-pourriblogs.ischool.berkeley.edu/i247s12/files/2012/04/13-potpourri.pdf · 13/04/2012 · •...
TRANSCRIPT
“Chrono-Zoom”, Maps and other topicsPot-Pourri
April 17, 2012 – Michael Porath
Tuesday, April 17, 12
Chrono-ZoomProject Presentation
Tuesday, April 17, 12
Cartography
• This is just a sneak peak
• Cartography is a whole discipline of its own
What’s the intent?
Tuesday, April 17, 12
Categories of Maps3 Types
Tuesday, April 17, 12
Dot MapVisualizing specific points
http://en.wikipedia.org/wiki/Ivy_League
Nominal data
Arranged by Latitude/Longitude
Tuesday, April 17, 12
Dot MapExample: Crimespotting
Problem?
http://sanfrancisco.crimespotting.org
Tuesday, April 17, 12
Dot MapClustering, e.g. k-means algorithm
95
4
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot MapUsing k-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
Dot Mapk-means Clustering
http://www.trulia.com/crime/
Tuesday, April 17, 12
MarkersWhich ones?
Tuesday, April 17, 12
Google Maps Markers
Tuesday, April 17, 12
Choropleth Maps
Tuesday, April 17, 12
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
Choropleth MapProblems
DensityTotal Population of 2000 Block Groups
http://en.wikipedia.org/wiki/Choropleth_map
Tuesday, April 17, 12
Choropleth MapProblems
DensityWhitespaceDifferent sizes
Teen Abortion Rates (%), 1996
Tuesday, April 17, 12
Choropleth Map AlternativesTeen Abortion Rates (%), 1996
Better, but not as engaging
Alternatives?Improvements?
Tuesday, April 17, 12
Isarithmic Map
Tuesday, April 17, 12
Isarithmic / Isopleth MapDrawing borders of same intervals
http://enb150-2011f-nl.blogspot.com/2011_08_01_archive.html
Tuesday, April 17, 12
ExampleNational Geographic Education
http://education.nationalgeographic.com/education/mapping/interactive-map
Tuesday, April 17, 12
Hybrids
Tuesday, April 17, 12
NY Times 2010 Census MapHybrid between Choropleth and Dot Map
Tuesday, April 17, 12
VoronoiMapProximity to In-N-Out
Burger locations
http://people.ischool.berkeley.edu/~fycheng/in-n-out-voronoi.png
Tuesday, April 17, 12
Tips to Improve Your Maps
Tuesday, April 17, 12
How can you improve your maps?Tone down map features if the visualization is in the data
Tuesday, April 17, 12
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
Finding Data SetsStrategies
Tuesday, April 17, 12
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
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
What qualifies as a good visualization?
Tuesday, April 17, 12
What qualifies as a good visualization?
Tuesday, April 17, 12
What qualifies as a good visualization?
• It doesn’t distort the data
Tuesday, April 17, 12
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
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
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
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
Recap
Tuesday, April 17, 12
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
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