I was commissioned to create a data-visualisation that showcased the history of the Tour de France’s most famous hill climbs, Alpe D’Huez. To bring the data to life I combined satellite photograph with accurate elevation data to create a 3D WebGL reconstruction of the mountain course.
Careful attention was given to the mobile UX with the inclusion of both tap and swipe navigation. An image based non-WebGL alternative was included as a fall-back for older browsers.
I wrote a detailed making-of for Source that breaks down the development process and how the 3D model was generated.