alexis4689 / peak-map

Make a ridge line chart from any region on Earth

Home Page:https://anvaka.github.io/peak-map/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Make a ridge line chart from any region on Earth

https://anvaka.github.io/peak-map/

License:MIT License


Languages

Language:JavaScript 59.6%Language:Vue 38.2%Language:HTML 1.7%Language:CSS 0.3%Language:Shell 0.3%