Data, Mapping & the Kitchen Sink 2.0
From Will Sullivan of Journerdism.com Original slide presentation
Log-ins for playing around:
Google: Google Maps
Username: esdj09@gmail.com
Password: journalism
Google: Dipity
Username: esdj09@gmail.com
Password: journalism
Google: Many eyes
Username: esdj09@gmail.com
Password: j0urnalism (THAT 0 is a ZERO)
Data Strengths:
- Localize
information
- Find
patterns and trends
- Personalize
the experience
= Provide meaningful, engaging experiences with information for users
Standard Types of data:
- Time
(Timelines, graphics)
- Location
(Maps)
- Relative
values (Graphics/visualizations)
How to choose what graphic to produce with your data:
Maps:
Inspiration Examples:
- http://www.latimes.com/news/local/crime/homicidemap/
- http://www.npr.org/news/graphics/2009/apr/electric-grid/
- http://elections.nytimes.com/2008/results/president/explorer.html
- http://www.signonsandiego.com/firemap/
- http://kottke.org/plus/2008-election-maps/
- http://data.desmoinesregister.com/parkersburg/parkersburg.php
- http://www.obleek.com/iraq/index.html
- http://chicago.everyblock.com/streets/addison-st/1050-1098w/#tallermap
- http://manyeyes.alphaworks.ibm.com/manyeyes/page/World_Map.html
Free or Cheap Tools:
Geocoders
- http://gmaps-samples.googlecode.com/svn/trunk/spreadsheetsgeocoder/geocodespreadsheet.htm
- http://www.travelgis.com/geocode/Default.aspx
- http://geocoder.us/demo.cgi
Tutorials:
- http://graphicdesignr.net/blog/2008/07/09/create-a-code-free-google-map-in-3-easy-steps/
- http://mashable.com/2009/01/08/google-maps-mashups-tools/
- http://www.10000words.net/2008/08/10-mind-blowing-maps-and-3-ways-to.html
- http://gmapsmania.googlepages.com/100thingstodowithgooglemapsmashups
- http://multimedia.journalism.berkeley.edu/tutorials/mashups/zeemaps/
- http://stiern.com/tutorials/adding-custom-google-maps-to-your-website
- http://www.innovativeinteractivity.com/2009/08/12/multimedia-advice-how-to-build-map-mashups/
- http://journalistopia.com/2007/09/06/journalistopias-online-crime-maps-directory/
- http://multimedia.journalism.berkeley.edu/tutorials/using-spreadsheet-data/started/
Timelines:
Inspiration Examples:
- http://www.lasvegassun.com/history/timeline/ vs. http://www.lasvegassun.com/history/map/
- http://www.cabinetmagazine.org/issues/13/timelines.php
- http://www.nytimes.com/interactive/2008/03/18/world/middleeast/20080319_IRAQWAR_TIMELINE.html
- http://www.dipity.com/tatercakes/Internet_Memes
- http://www.msnbc.msn.com/id/30646008/
- http://chicago.everyblock.com/crime/
- http://widerimage.reuters.com/timesofcrisis/
- http://specials.washingtonpost.com/timespace/
- http://www.stltoday.com/mds/news/html/2370
Free or Cheap Tools:
Tutorials:
- http://simile.mit.edu/timeline/docs/create-timelines.html
- http://blog.dipity.com/2009/07/08/hot-off-the-press-dipity-video-tutorials/
- http://graphicdesignr.net/blog/2009/04/23/build-sleek-professional-timelines-with-timetoast/
- http://www.microsoft.com/education/createtimeline.mspx
- http://www.simile-widgets.org/timeplot/
Interactive & Data Visualizations:
Inspiration Examples:
- http://www.dapperstache.com/index.php?contenttype=ptoa
- http://www.slate.com/id/2195892/
- http://theyrule.net/
- http://graphs.gapminder.org/world/
- http://smas.studioludens.com/
- http://universe.daylife.com/
- http://www.congressspeaks.com/
- http://flowingdata.com/2009/01/28/showcase-of-student-personal-annual-reports/
- http://minnesota.publicradio.org/projects/2008/05/budget_hero/
- http://www.stltoday.com/blogzone/multimedia-archive/2009/10/06/st-louis-cardinals-player-scouting-reports/
- http://www.nytimes.com/2007/04/10/business/2007_BUYRENT_GRAPHIC.html
- http://interface.fh-potsdam.de/infodesignpatterns/patterns.php
- http://www.patternbrowser.org/
- http://www.flipflopflyin.com/flipflopflyball/
- http://www.visualcomplexity.com/vc/
Free or Cheap Tools:
- http://www.amcharts.com/
- http://code.google.com/apis/chart/types.html
- http://manyeyes.alphaworks.ibm.com/manyeyes/page/create_visualization.html
- http://www.simile-widgets.org/exhibit/
- http://vizlab.nytimes.com/
- http://www.swivel.com/
- http://code.google.com/apis/visualization/
- http://www.icharts.net/
- http://www.vizlytics.com
Tutorials:
- http://www.tripwiremagazine.com/tools/graphs-and-charts/essential-techniques-and-tools-for-visualizing-your-data.html
- http://graphicdesignr.net/blog/2009/04/21/create-interactive-graphics-with-many-eyes/
- http://manyeyes.alphaworks.ibm.com/manyeyes/page/Visualization_Options.html
- http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/
- http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/
- http://www.tripwiremagazine.com/tools/graphs-and-charts/essential-techniques-and-tools-for-visualizing-your-data.html
- Creating graphics with Google Docs
Combine all into layered data projects:
- http://citylab.news21.com/
- http://projects.latimes.com/mapping-la/neighborhoods/
- http://content.usatoday.com/news/nation/environment/smokestack/index
- http://www.everyblock.com
- http://www.stltoday.com/blogzone/multimedia-archive/2009/09/12/dodging-dwis-mark-pabst/
- http://www.washingtonpost.com/wp-srv/metro/interactives/dcschools/scorecard.html
- http://news.muckety.com/
- http://www.stltoday.com/mds/news/html/2103
- http://specials.washingtonpost.com/timespace/
- http://mugshots.tampabay.com/
- http://projects.washingtonpost.com/fallen/
- http://projects.washingtonpost.com/congress/
- http://www.nytimes.com/interactive/2009/06/25/arts/0625-jackson-graphic.html
- http://www.indystar.com/article/99999999/SPORTS/90129031
- http://www.lasvegassun.com/news/topics/water/
Where to find data to rock out with:
- http://www.data.gov/
- http://infochimps.org/
- http://www.freebase.com/
- http://documentcloud.org/
- http://www.readwriteweb.com/archives/where_to_find_open_data_on_the.php
- http://www.guardian.co.uk/data-store
- http://flowingdata.com/2009/10/01/30-resources-to-find-the-data-you-need/
- http://dbpedia.org/About
- http://aws.amazon.com/publicdatasets/
More inspiration for the road:
- http://mindymcadams.com/tojou/2008/data-visualization-resources/
- http://www.journerdism.com/inspirational-data-visualizations/
- http://ce.sysu.edu.cn/hope/Education/ShowArticle.asp?ArticleID=4883
- http://www.meryl.net/2008/01/175-data-and-information-visualization-examples-and-resources/
- http://infosthetics.com/
- http://webdesignledger.com/inspiration/15-stunning-examples-of-data-visualization
- http://flowingdata.com/
- http://flowingdata.com/2009/06/23/20-visualizations-to-understand-crime/
- http://singlefunction.com/20-inspiring-uses-of-data-visualization/
- http://images.businessweek.com/ss/09/08/0812_data_visualization_heroes/1.htm
- http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-infographics-resources/
- http://sunlightlabs.com/contests/appsforamerica/
- http://www.interactivenarratives.org/
- http://coolinfographics.blogspot.com/
- http://www.good.is/
- http://chartporn.org/
- http://www.inspiredm.com/2009/10/10/20-essential-infographics-data-visualization-blogs/