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
0246810effort →0246810↑ potentialFill-inQuick WinsGrindsMajor Projects

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