Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mapping Gatsby from Space

107 views

Published on

Why maps are important and how GatsbyJS fits in to making mapping something anyone can work with.

  • Be the first to comment

  • Be the first to like this

Mapping Gatsby from Space

  1. 1. Mapping Gatsby from Space
  2. 2. Colby Fayock Sr UX & Front End Engineer @colbyfayock
  3. 3. Downtown Alexandria, VA May 2019
  4. 4. Where does this data come from?
  5. 5. Scientists Analysts
  6. 6. Technology
  7. 7. You!
  8. 8. Border of South Sudan / Ethiopia
  9. 9. What About Space?
  10. 10. Satellites High resolution imagery of Earth MODIS Terra, nasa.gov
  11. 11. More than driving directions, saving the world... Climate Change Disaster Response Farming Public Health Tons of other Scientific Research
  12. 12. Tropical Cyclone Idai March 2019
  13. 13. Active Fires Nov 8-25, 2018
  14. 14. Who’s mapping? https://maps.redcross.org https://www.hotosm.org/ https://www.hotosm.org/updates/interactive-maps/ https://www.ers.usda.gov/data-products/food- access-research-atlas/go-to-the-atlas.aspx Food AccessHumanitarian Aid (Disasters, Refugees, etc)Weather, Disasters https://worldview.earthdata.nasa.gov/ https://firms.modaps.eosdis.nasa.gov/map/ http://maps.who.int/mapgallery/ https://maps.who.int/airpollution/ https://earthquake.usgs.gov/earthquakes/map/ https://www.usgs.gov/products/maps/topo-maps Earthquakes, TopographyAir Pollution, Biological Threats, etcStudy of Earth Imagery & Much More
  15. 15. So, Gatsby?
  16. 16. Tooling... ...is hard ...takes time ...is always changing ...is generally a pain
  17. 17. Focus on the important bits! Build a map, not a front end
  18. 18. < npm 💣💥 < gatsby 🎁🎉 Gatsby Starter Leaflet
  19. 19. Montes Claros, MG - Brazil
  20. 20. Himalayas
  21. 21. Questions? How do you use maps?
  22. 22. Gatsby Leaflet Starter https://github.com/colbyfayock/gatsby-starter-leaflet Leaflet https://leafletjs.com React Leaflet https://react-leaflet.js.org OpenStreetMap (OSM) https://www.openstreetmap.org/ OSM Stats https://osmstats.neis-one.org

×