Animation on Visual Cinnamon

GenCoop

Mon, 27 Mar 2023 00:00:00 +0000

Swissgrid, the national transmission system operator in Switzerland, requested two animation about solar panels that they wanted to use for a specific project. One shows the immense rise of solar panels over the past 35 years since the first was registered in 1988. While the second one reveals a model of the expected daily energy production of each panel across 2022 using weather data. The design of each element of the animation, from the map to the line charts has been a highly custom process to create a unique and visually captivating result.

Frontex: EU’s Deportation Machine

Tue, 06 Aug 2019 00:00:00 +0000

Lighthouse reports was working together with news organizations across Europe to reveal that a massive deportation machine, Frontex, has grown up in Europe in the last decade. Through “Freedom of Information” requests they had gotten information about each Frontex flight that send deportees back home. They asked me to create an animation that would reveal the enormous growth of these deportation flights in the last few years, and reveal the surge in budgets that Frontex now gets to work with, matching the political appetite for forced returns.

Animating (dashed) lines and paths with d3.js & spirographs

Mon, 25 Jan 2016 00:00:00 +0000

In this blog I’ll explain how to animate both solid and dashed lines. To make things slightly less boring, I’ve created a spirograph drawing app for the examples. It came about because last week I wanted to animate a dashed line in a chart. Trying to use the technique I always apply for solid animated lines I suddenly found out that animating a dashed line isn’t trivial. It’s because of the fact that an animated solid line is, secretly, a dashed line, but I’ll go into that later.

Animating a heart shaped curve with d3.js

Sat, 14 Feb 2015 00:00:00 +0000

Just something small for Valentines day. I found the formula for a heart shaped curve on the Wolfram website and wanted to animate the line that draws these points with d3.js.