open your data with cartodb
TRANSCRIPT
![Page 1: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/1.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/2.jpg)
o cómo ir a por kiwis y volver con lana
![Page 3: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/3.jpg)
Agenda
• Climate data visualization
• De casa al cole
• Antipodes map
• PLUTO Plus
• And more
![Page 5: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/5.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/6.jpg)
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 8: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/8.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/9.jpg)
De casa al cole
![Page 10: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/10.jpg)
![Page 11: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/11.jpg)
http://antipodes.decasaalcole.com
![Page 12: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/12.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/13.jpg)
Antipodes map
![Page 14: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/14.jpg)
http://chriswhong.github.io/plutoplus
![Page 15: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/15.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/16.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/17.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/18.jpg)
Group of schools by province of Spain
http://bit.ly/es-edcount
![Page 19: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/19.jpg)
Infulence area of Spanish teaching schools on NZ
http://bit.ly/nz-voronoi
![Page 20: Open your data with CartoDB](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/20.jpg)
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](https://reader030.vdocuments.net/reader030/viewer/2022032620/55c5cea9bb61eb38418b47ce/html5/thumbnails/21.jpg)
Thanks!
Jorge Sanz — Solutions [email protected] @xurxosanz
Pedro-Juan Ferrer Matoses - Project [email protected] @vehrka