open your data with cartodb

21
Open your data with CartoDB Geocamp ES, Sevilla, June 2015 http://bit.ly/cdb-geocampes15 Jorge Sanz — Solutions Engineer [email protected] @xurxosanz Pedro-Juan Ferrer Matoses - Project Manager [email protected] @vehrka

Upload: jorge-sanz

Post on 08-Aug-2015

56 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Open your data with CartoDB

Open your data with CartoDBGeocamp ES, Sevilla, June 2015http://bit.ly/cdb-geocampes15

Jorge Sanz — Solutions [email protected] @xurxosanz

Pedro-Juan Ferrer Matoses - Project [email protected] @vehrka

Page 2: Open your data with CartoDB

o cómo ir a por kiwis y volver con lana

Page 3: Open your data with CartoDB

Agenda

• Climate data visualization

• De casa al cole

• Antipodes map

• PLUTO Plus

• And more

Page 5: Open your data with CartoDB

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

Page 6: Open your data with CartoDB

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

Page 7: Open your data with CartoDB

http://decasaalcole.com

Page 8: Open your data with CartoDB

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

Page 9: Open your data with CartoDB

De casa al cole

Page 10: Open your data with CartoDB
Page 12: Open your data with CartoDB

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

Page 13: Open your data with CartoDB

Antipodes map

Page 15: Open your data with CartoDB

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

Page 16: Open your data with CartoDB

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)

Page 17: Open your data with CartoDB

All these websites use anonymous API calls

CartoDB allows anyone to create new tools and visualizations with any public dataset

Page 18: Open your data with CartoDB

Group of schools by province of Spain

http://bit.ly/es-edcount

Page 19: Open your data with CartoDB

Infulence area of Spanish teaching schools on NZ

http://bit.ly/nz-voronoi

Page 20: Open your data with CartoDB

Next time you see a nice dataset on CartoDB, fork any of the previous examples, write yourown SQL, CartoCSS, web app, etc and share your new creation!

Page 21: Open your data with CartoDB

Thanks!

Jorge Sanz — Solutions [email protected] @xurxosanz

Pedro-Juan Ferrer Matoses - Project [email protected] @vehrka