block by cmgiven e5dfe0888968ee8c507f5469a4d62b6f

Gooey Exploding Scatterplot

Full Screen

Block-a-Day #10. In this Gapminder recreation, continents can be exploded into their constituent countries with a paintball-splatter-like effect.

Data Sources: Gapminder.

What I Learned: I’ve wanted to build something with this technique ever since I saw Nadieh Bremer’s demonstrations of it. My addition is to create a separate filter definition for each continent, enabling them to be individually transitioned. For more details, check out her original blog post and follow-up.

What I’d Do With More Time: The explosions have to wait until the next year tick. I’d like to be able to explode them immediately, but I’m not aware of a way to do this with d3.transition alone, so it would probably require a custom animation loop.

Block-a-Day

Just what it sounds like. For fifteen days, I will make a D3.js v4 block every single day. Rules:

  1. Ideas over implementation. Do something novel, don’t sweat the details.
  2. No more than two hours can be spent on coding (give or take).
  3. Every. Single. Day.

Previously

index.html