Pencil Map

Date: June 17, 2024
Technology: Mapbox GL JS, Threebox
Fun Fact: I made a 2D version of this in 2013 using Google Maps API

This map loads spatial data sequentially, vertex-by-vertex, with a 3D model of a pencil always placed at the final vertex, appearing to draw the line. If the app in iframe (or the app itself) doesn't show a moving pencil drawing a grey line, try reloading the page.

Demo