Open your data with CartoDB
Geocamp ES, Sevilla, June 2015
http://bit.ly/cdb-geocampes15
Jorge Sanz — Solutions Engineer
jsanz@cartodb.com @xurxosanz
Pedro-Juan Ferrer Matoses - Project Manager
pferrer@osgeo.org @vehrka
o cómo ir a por kiwis y volver con lana
Agenda
• Climate data visualization
• De casa al cole
• Antipodes map
• PLUTO Plus
• And more
http://climate-viz.jorgesanz.net
1. “All I can do in 48 hours”
2. Data extracted from an Amazon EBS volume
3. Had to buy paid account, moved to free after some cleaning :-)
4. Jekyll website with bootstrap
5. Hosting on Amazon S3: http://climate-viz.jorgesanz.net
6. CartoDB.js + leaflet + D3 for the table and graphs render)
7. https://github.com/jsanz/climate-viz
Climate data visualization
Details
WITH stations AS (
SELECT station_id id, name
FROM stations
WHERE cartodb_id = 3150
) SELECT
stations.name,
o.obs_month, o.max_tmp, o.min_tmp, o.tmp,
o.rain_count, o.snow_count, o.thunder_co
FROM observations_month o, stations
WHERE station_id=stations.id
ORDER BY o.obs_month
Climate data visualization
http://decasaalcole.com
1. 5 people project at SummerHack VLC 2014
2. School data coming from an spreadsheet published by GVA
3. Precalculated data using OSRM
4. SPA with jQuery, bootstrap and CartoDB.js/leaflet
5. Mobile application (never released) with Apache Cordova
6. Hosting on S3: http://decasaalcole.com/
7. https://github.com/decasaalcole/decasaalcole-web
8. More details at http://decasaalcole.github.io/talks/makingof
De casa al cole
Details
De casa al cole
http://antipodes.decasaalcole.com
1. 3 people pet project (xurxosanz, vehrka, antipodasnz)
2. Based on an idea from the Thesis of antipodasnz
3. Data coming from the Spanish Ed Ministry and NZ friends
4. Single page with some modals and a simple interface
5. Coded with Bootstrap, jQuery and OpenLayers 3
6. Custom logic coded in PL/pgSQL functions
7. Hosted on S3: http://antipodes.decasaalcole.com
8. Code: https://github.com/geoinquietosvlc/antipodes-map
Antipodes map
Details
Antipodes map
http://chriswhong.github.io/plutoplus
1. Leapfrog from Chris Whong, Solutions Engineer at CartoDB
2. PLUTO is an Open Dataset from NYC
3. SPA built with Bootstrap, jQuery and CartoDB.js to interface
with the SQL API
4. Code and hosting at github using GitHub Pages
○ https://github.com/chriswhong/plutoplus
○ http://chriswhong.github.io/plutoplus/
PLUTO Plus
Details
PLUTO Plus
SELECT * FROM plutoshapes a
LEFT OUTER JOIN (
SELECT bbl,firecomp,garagearea,healtharea
FROM pluto14v2 ) b
ON a.sbbl = b.bbl
WHERE ST_INTERSECTS(
ST_MakeEnvelope(
-73.97182, 40.71021,-73.95352,40.71587,
4326),
a.the_geom)
All these websites use
anonymous API calls
CartoDB allows anyone to create
new tools and visualizations with
any public dataset
Group of schools by province of Spain
http://bit.ly/es-edcount
Infulence area of Spanish teaching schools on NZ
http://bit.ly/nz-voronoi
Next time you see a nice dataset
on CartoDB, fork any of the
previous examples, write your
own SQL, CartoCSS, web app, etc
and share your new creation!
Thanks!
Jorge Sanz — Solutions Engineer
jsanz@cartodb.com @xurxosanz
Pedro-Juan Ferrer Matoses - Project Manager
pferrer@osgeo.org @vehrka

Open your data with CartoDB

  • 1.
    Open your datawith CartoDB Geocamp ES, Sevilla, June 2015 http://bit.ly/cdb-geocampes15 Jorge Sanz — Solutions Engineer jsanz@cartodb.com @xurxosanz Pedro-Juan Ferrer Matoses - Project Manager pferrer@osgeo.org @vehrka
  • 2.
    o cómo ira por kiwis y volver con lana
  • 3.
    Agenda • Climate datavisualization • De casa al cole • Antipodes map • PLUTO Plus • And more
  • 4.
  • 5.
    1. “All Ican do in 48 hours” 2. Data extracted from an Amazon EBS volume 3. Had to buy paid account, moved to free after some cleaning :-) 4. Jekyll website with bootstrap 5. Hosting on Amazon S3: http://climate-viz.jorgesanz.net 6. CartoDB.js + leaflet + D3 for the table and graphs render) 7. https://github.com/jsanz/climate-viz Climate data visualization Details
  • 6.
    WITH stations AS( SELECT station_id id, name FROM stations WHERE cartodb_id = 3150 ) SELECT stations.name, o.obs_month, o.max_tmp, o.min_tmp, o.tmp, o.rain_count, o.snow_count, o.thunder_co FROM observations_month o, stations WHERE station_id=stations.id ORDER BY o.obs_month Climate data visualization
  • 7.
  • 8.
    1. 5 peopleproject at SummerHack VLC 2014 2. School data coming from an spreadsheet published by GVA 3. Precalculated data using OSRM 4. SPA with jQuery, bootstrap and CartoDB.js/leaflet 5. Mobile application (never released) with Apache Cordova 6. Hosting on S3: http://decasaalcole.com/ 7. https://github.com/decasaalcole/decasaalcole-web 8. More details at http://decasaalcole.github.io/talks/makingof De casa al cole Details
  • 9.
  • 11.
  • 12.
    1. 3 peoplepet project (xurxosanz, vehrka, antipodasnz) 2. Based on an idea from the Thesis of antipodasnz 3. Data coming from the Spanish Ed Ministry and NZ friends 4. Single page with some modals and a simple interface 5. Coded with Bootstrap, jQuery and OpenLayers 3 6. Custom logic coded in PL/pgSQL functions 7. Hosted on S3: http://antipodes.decasaalcole.com 8. Code: https://github.com/geoinquietosvlc/antipodes-map Antipodes map Details
  • 13.
  • 14.
  • 15.
    1. Leapfrog fromChris Whong, Solutions Engineer at CartoDB 2. PLUTO is an Open Dataset from NYC 3. SPA built with Bootstrap, jQuery and CartoDB.js to interface with the SQL API 4. Code and hosting at github using GitHub Pages ○ https://github.com/chriswhong/plutoplus ○ http://chriswhong.github.io/plutoplus/ PLUTO Plus Details
  • 16.
    PLUTO Plus SELECT *FROM plutoshapes a LEFT OUTER JOIN ( SELECT bbl,firecomp,garagearea,healtharea FROM pluto14v2 ) b ON a.sbbl = b.bbl WHERE ST_INTERSECTS( ST_MakeEnvelope( -73.97182, 40.71021,-73.95352,40.71587, 4326), a.the_geom)
  • 17.
    All these websitesuse anonymous API calls CartoDB allows anyone to create new tools and visualizations with any public dataset
  • 18.
    Group of schoolsby province of Spain http://bit.ly/es-edcount
  • 19.
    Infulence area ofSpanish teaching schools on NZ http://bit.ly/nz-voronoi
  • 20.
    Next time yousee a nice dataset on CartoDB, fork any of the previous examples, write your own SQL, CartoCSS, web app, etc and share your new creation!
  • 21.
    Thanks! Jorge Sanz —Solutions Engineer jsanz@cartodb.com @xurxosanz Pedro-Juan Ferrer Matoses - Project Manager pferrer@osgeo.org @vehrka