Visualizing geoSpatial data using

CartoDB and D3.js

Josh GageGage Cartographics

CartoDB

Cloud computing platform for GIS and web-

mapping in the browser

Support most geoSpatial data formats

CartoDB

Stand alone web maps

Tile/data server for custom applications

CartoDB

• PostgreSQL Database with full POSTGIS

capability

D3 – Data Driven Documents

• Open Source JavaScript library

• Renders dynamic graphics in browser’s DOM

using <svg>

Jumping-in - CartoDB

http://gagecarto.cartodb.com/

http://www.gagecartographics.com/test/base.html

http://gagecartographics.com/test/sliderAndDays.html

http://www.gagecartographics.com/test/crimes.html

JSON returned from Queries{

"type": "Feature",

"properties": {

"typesimple": "theft",

"type": "THEFT OF LOST OR MISLAID PROPERTY ",

"id": "891",

"location": "100 BLK E MAIN ST",

"location2": "100 E MAIN ST, Bozeman Montana",

"date": "2013-07-13T00:59:59+0200",

"cartodb_id": 891,

"created_at": "2013-10-26T16:53:50+0200",

"updated_at": "2013-10-26T17:07:58+0200",

"cartodb_georef_status": true,

"time": null

},

{

"type": "Feature",

"properties": {

"typesimple": "theft",

"type": "THEFT, ALL OTHERS ",

"id": "926",

"location": "1200 BLK W LINCOLN ST",

"location2": "1200 W LINCOLN ST, Bozeman Montana",

"date": "2013-08-03T20:17:59+0200",

"cartodb_id": 926,

"created_at": "2013-10-26T16:53:50+0200",

"updated_at": "2013-10-26T17:08:28+0200",

"cartodb_georef_status": true,

"time": null

},