While playing around with the it occurred to me that it might also be used for line animations; I decided to apply it to an interactive roadtrip passing through three locations in my home country of New Zealand.

This interactive is also progressive on mobile, in the sense that smaller devices do not attempt to show the map and locations in their limited viewports, but only show the location details.

If you’ve seen any modern thriller or military-themed films, you’re familiar with text print-outs, which are frequently used to present a new scene or location in the movie. While they are intended to portray high-tech communication, these teletype effects derive from technology nearly 200 years old; today, it’s our goal to recreate them using web technologies. Most of the available scripts to do so are written in JQuery, which really isn’t needed in today’s browsers; instead, I’ll demonstrate a technique using plain JavaScript.