Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

MapBox Workshop at Yale

Avatar for Nate Smith Nate Smith
April 12, 2013
61
1

MapBox Workshop at Yale

Avatar for Nate Smith

Nate Smith

April 12, 2013

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.6k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
22k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
870
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.6k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
580
Abbi's Birthday
Avatar for Violet Bock coloredviolet
4
10k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
63
46k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
580
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k

Transcript

  1. @ Yale @nas_smith Friday, April 26, 13

  2. Custom tools for maps. Friday, April 26, 13

  3. Friday, April 26, 13

  4. Friday, April 26, 13

  5. Friday, April 26, 13

  6. Friday, April 26, 13

  7. Friday, April 26, 13

  8. Friday, April 26, 13

  9. Friday, April 26, 13

  10. Friday, April 26, 13

  11. Friday, April 26, 13

  12. Friday, April 26, 13

  13. Friday, April 26, 13

  14. Analysis Map Design Data Collection Friday, April 26, 13

  15. Analysis Map Design Data Collection Friday, April 26, 13

  16. Core frameworks: - Postgresql/PostGIS - SQLite - GDAL/OGR - Python

    - QGIS - TileMill Friday, April 26, 13

  17. Experimenting in how to make it easier to publish maps.

    Friday, April 26, 13

  18. Friday, April 26, 13

  19. Supported formats: - ESRI Shapefile - GeoTiff - PostGIS -

    SQLite - CSV - KML - GeoJSON Friday, April 26, 13

  20. Style Add interactivity Process Export Publish Friday, April 26, 13

  21. Quick tour... Friday, April 26, 13

  22. Friday, April 26, 13

  23. CartoCSS Friday, April 26, 13

  24. Carto is code. Friday, April 26, 13

  25. #borders { line-color: #fff; line-width: 3; } Friday, April 26,

    13

  26. Carto is like CSS. Friday, April 26, 13

  27. Multiple styles for each layer. Friday, April 26, 13

  28. #borders { line-color: #fff; line-width: 3; ::outline { line-color: #000;

    line-width: 6; } } Friday, April 26, 13

  29. Define variables. Friday, April 26, 13

  30. //variables for features @water: #000; //variables for scale or zoom

    @z1: 1.5; Friday, April 26, 13

  31. Raster pixels can be colored. Friday, April 26, 13

  32. #dem { raster-colorizer-stops: stop(0, #fff) stop(900, @l2) stop(1300, @l3) stop(1900,

    @l4) stop(2500, @l5); Friday, April 26, 13

  33. Buildings can be 3D. Friday, April 26, 13

  34. #building { building-fill: black; building-height: [num]; } Friday, April 26,

    13

  35. Filters & conditions. Friday, April 26, 13

  36. #world[population > 100] #world[population < 100] #world[population >= 100] #world[population

    <= 100] Friday, April 26, 13

  37. #world[population = 100] #world[population != 100] #world[name =~ "A.*"] Friday,

    April 26, 13

  38. Compositing Operations. Friday, April 26, 13

  39. // Color blending #bathymetry { polygon-fill: rgb(16,12,4); polygon-comp-op: minus; }

    // Alpha blending #overlay { comp-op: dst-in; } Friday, April 26, 13

  40. Example 1. Shapefile + Dots & more Friday, April 26,

    13

  41. Example 2. PostGIS + Chloropleth/Dots/Text Friday, April 26, 13

  42. Example 3. GeoTiff + Terrain Friday, April 26, 13

  43. Friday, April 26, 13