Coding Challenge #57: Mapping Earthquake Data

From the creator

In this coding challenge, I visualize earthquake data from the USGS by mapping the latitude, longitude and the magnitude of earthquakes with p5.js. The map imagery is pulled from mapbox and the math demonstrated converts latitude, longitude to x,y via Web Mercator. Code: https://thecodingtrain.com/challenges/57-mapping-earthquake-data 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/i0icLNOuf 🎥 Previous video: https://youtu.be/OAcXnzRNiCY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/dbs4IYGfAXc?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🗺️ Mapbox: https://www.mapbox.com/ 📄 Web Mercator on Wikipedia: https://en.wikipedia.org/wiki/Web_Mercator 🌍 Earthquake Database: http://earthquake.usgs.gov/data/ Videos: 🚂 Working with Data and APIs: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YxDKpFzf_2D84p0cyk4T7X 🔣 Regular Expressions Series: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YEypLuls7iidwHMdCM6o2w Related Coding Challenges: 🚂 58 3D Earthquake Data Visualization: https://youtu.be/dbs4IYGfAXc Timestamps: 00:00 Introduction 01:51 Map Projections 04:45 Using the Mapbox Static Map 06:34 Adjusting the parameters to get a World Map 08:48 Latitudes and Longitudes 11:13 Converting Coordinates to pixel space 16:38 Drawing a point on the map 20:39 Loading and parsing earthquake data from USGS 26:05 Ideas and Suggestions 26:38 Dr

Published 2017-02-13 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.