Topographic Route-Planning Interface Created a mapping app that focuses on elevation change based...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Martin von Will

• Dec 3

Topographic Route-Planning Interface

Created a mapping app that focuses on elevation change based on distance. Particularly useful for outdoor enthusiasts and athletes. Utilized data binding for a toggle between terrain view and topography contour lines, all while scrolling across the map.

The Rive view model was then implemented in JavaScript to render actual GPS coordinates bound to the cursor and retrieve elevation data from a public map database. The terrain map and contour lines were made in Blender, which was imported into Rive as WebP files. Try it out here: https://www.martinvonwill.com/interactive#/topo/

rivechallenge interactivedesign UI Design JavaScript Rive Blender Rive Animation Data Visualization

Kristine Vilnite

max

• Dec 4

Wouldn't this be a great way to display travels? Whenevefr I explore a new country I would absolutely love to be able to animate my journey on the map. What you have here is pretty close.. ❤️