The C40 Cities project was the complete re-launch of the C40 Cities Inititive (one of the Bloomberg Foundation’s programs) website. I was primarily responsibile for front-end developement on top of the Ruby on Rails back end.
C40 was one of the first responsive websites at the Barbarian Group. Videos and the dynamically generated infographics are viewable across a wide range of screen sizes. Together with the designer on the project, we made sure the experience of the site was equally engaging for users visiting the site on their phones. As such, videos and images were optimized for mobile devices, as well as the size of the typography .
Instead of using static images (and thus making the client wait for the turnaround on infographics whenever there was a change), I used Raphael.js  to generate infographics (per the design) from the statistics entered by the client into the CMS.
I also contributed code for some UI elements for the 3D/WebGL infographic. It was a delicate balance betwen code that controlled DOM elements and code that controlled the 3D models.