The demo you see above is a configurable version of the original animation, which we used internally to tweak the scenes so they were just right. It should give you a little more insight into what's going on under the hood, but it's also pretty fun to play with!

You'll also notice that we've made some of our early prototypes available, complete with source code, along with a couple of visualisations of the finished project.

Experiments and Visualisations

Get the Source!

The opening credits are 100% open source - the code is a little messy but if you're curious how it's all put together you should check out the project on Github at smallmultiples/

Worth Checking Out...

The project is built on top of WebGL, the native HTML5 API for rendering fast and complex graphics in the browser. Everything was pieced together from modules available on npm, using browserify to bundle our JavaScript and glslify to manage our shaders.

Instead of using a full-fledged framework, we opted to use Mikola Lysenko's gl-now along with a few companion modules to abstract away some WebGL's verbosity while still gaining a lot of flexibility.

If you're interested in finding out more about the tools we used, have a look at the README file on Github.