Your SlideShare is downloading. ×
  • Like
GeoCO Denver Crime Presentation
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.


Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

GeoCO Denver Crime Presentation


This is the presentation given at the Denver meetup. We explain a bit of how we used open data to create an interactive …

This is the presentation given at the Denver meetup. We explain a bit of how we used open data to create an interactive map.

Published in Education , Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads


Total Views
On SlideShare
From Embeds
Number of Embeds



Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

    No notes for slide


  • 1. GEO Colorado Denver Crime Data using CartoDB and HighCharts
  • 2. Key Points• Introduce CartoDB• Explain about CartoCSS• SQL via CartoDB APIs• Telling your story
  • 3. CartoDB• Geospatial mapping• Data stored in the cloud• PostGIS engine• Supports CartoCSS• SQL API• Leaflet and Google Maps Libraries• Graphical Editor for Point & Polygons• Lots of Examples• Free 5MB account• FAST!!!
  • 4. Denver Crime Online PortalGoal: To create an interactive map to view the Denver crime data and to do it in less than a day.Requirements:• Use open data• Use open source software• Real Time Interaction• Enjoyable to users• Make it informative and Fast!!!
  • 5. Existing Portal
  • 6. Existing Portal
  • 7. Existing Portal
  • 8. Data & SoftwareDenver Open Data Catalog•Shapefiles Used••Software Used• HTML, JavaScript, CSS• jQuery• CartoDB, Leaflet, CloudMade Tiles HighCharts
  • 9. Old vs New
  • 10. DEMO
  • 11. ResourcesCartoCSS:•• http://www.highcharts.comCartoDB:
  • 12. CartoCSS@c:offense_ca; [@c="robbery"]{ [@c="auto-theft"]{ #crime{ marker-fill:#BAB86C marker-fill:#232323 marker-fill:#AA2143; } } marker-width:1; [@c="burglary"]{ } marker-line-color:#999; marker-fill:#1CAC78 #crime[zoom>12]{ marker-line-width:0; } marker-width:2; marker-opacity:1; [@c="murder"]{ } marker-line-opacity:1; marker-fill:#CD4A4A #crime[zoom>14]{ marker-placement:point; } marker-line-width:1; marker-type:ellipse; [@c="theft-from-motor-vehicle"]{ marker-width:3; marker-allow-overlap:true; marker-fill:#ADADD6 } [@c="larceny"]{ } #crime[zoom>16]{ marker-fill:#FDFC74 [@c="arson"]{ marker-line-width:1;} marker-fill:#FF7538 marker-width:5;[@c="white-collar-crime"]{ } } marker-fill:#EDEDED [@c="other-crimes-against-persons"]{} marker-fill:#FF48D0[@c="drug-alcohol"]{ } marker-fill:#1974D2 [@c="public-disorder"]{} marker-fill:#DBD7D2[@c="aggravated-assault"]{ } marker-fill:#C364C5 [@c="all-other-crimes"]{} marker-fill:#95918C }
  • 13. SQL for Pie ChartSELECTcount(*) as sz,count(*)::float/(SELECT count(*) FROM crime WHERE neighborho = baker )*100 as percent,c.offense_caFROM denverhoods dhJOIN crime c ON c.neighborho=dh.neighborhoWHERE c.neighborho = bakerGROUP BY c.offense_caORDER BY sz DESC