/peak-map

Make a ridge line chart from any region on Earth

Primary LanguageJavaScript

Peak map

This website allows you to visualize elevation of any area on the map with filled area charts (also known as a ridgeline):

quick demo

How?

I'm using MapBox GL to draw the map. Once the area is selected, I'm using elevation data API from the MapBox.

The rendering of the lines is done on canvas overlay, using regular 2D canvas context.

Bonus

You can print the final map onto a mug if you like the result:

demo

To do this, draw the heightmap, close the settings window, and click on the small fly-out menu.

See the video demo here: https://twitter.com/anvaka/status/1207352229885181952