Download to read offline
Uploaded byMichelle Minkoff
Charting Crime Categories - Easy(ier) Programming w/Google Chart Tools - ONA 2011 Boston
The document provides a tutorial by Michelle Minkoff on graphing crime incidents using Google Charts efficiently, especially under tight deadlines. It includes resources, tips for data formatting and visualization, and guidance on integrating charts into a content management system. The goal is to utilize crime statistics effectively to tell compelling stories through graphs.
More Related Content
Similar to Charting Crime Categories - Easy(ier) Programming w/Google Chart Tools - ONA 2011 Boston
Charting Crime Categories - Easy(ier) Programming w/Google Chart Tools - ONA 2011 Boston
- 1. Once Upon ADatum: Graphing Crime Incidents with Google Charts – “The Rapid Fire Version”Michelle Minkoff,Interactive Producer,The Associated Press
- 2. Where to getresourcesBit.ly/onagraphingcrimestatsWorking sampleThese slidesFormatted data, so you can play alongTutorial walkthroughCheat sheat with other charting tips/tricks to knowFind me to exchange ideas/ask questions/point out errors, etc. Best way is @michelleminkoff on Twitter or meminkoff@gmail.com.
- 3. Crime stats releasedthis weekOften, developing charts is done too fast to be done well, or done well, but not at deadline speedPrepare for a storyData released, what to do? Graphs help you report, and tell a story.Go to FBI crime stats page: http://www.fbi.gov/about-us/cjis/ucr/crime-in-the-u.s/2010/crime-in-the-u.s.-2010
- 5. How did categoriesof crime change (if at all)?
- 6. What we’re after:michelleminkoff.com/crime-stats
- 7. Ah, deadline! Whatgraphing library to use?What is a graphing library? Tradeoff of flexibility/difficultyProtovisRaphaelFlotGoogle Image ChartsGoogle Chart Tools (prev. Google Visualization API)
- 8. Get the dataDownloadan Excel file
- 9. Format the datain Excel
- 10. Excel > JSONUseMr. Data Converter - http://shancarter.com/data_converter/Paste data in top box
- 11. Excel > JSONSelectJSON > Row ArraysCopy text that is returned to you
- 12. JSON > JSONfileSave that formatted data!
- 13.
- 14.
- 15.
- 16.
- 17. Draw the graph(2/2)
- 18. How do Ichoose my colors?
- 19.
- 20. Insert it inHTMLAs easy as bringing that code in and calling the drawVisualization() function from <script> tags in your CMS, and including the div nameBut I’m not satisfied!I want to switch states – enter the change fuction
- 21.
- 22. Put it alltogether
- 23. How do Iget it in my CMS/on my website?CMS: Just need to load APIThe inline script tag, loading the chart you’re usingCode that’s in our drawVisualization() functionA div with the same id that’s referred to in drawVisualization()Whole page: Upload a four-file structure in same folder, like what we created today
- 24. Voila! And there youhave it!Thanks!