I've been playing around with React's new Concurrent Mode and it is amazing. A little mind-bendy, a dash mad, and a whole lot of wonderful.
November 6th, 2019

Here's part 2 of Kiran's challenge from last week 👉 animating our drilldown piechart.
July 1st, 2019

A few days ago Kiran B sent me a challenge via Twitter DM: How can I make a drilldown piechart?
June 28th, 2019

Stop learning to code TODOapps! Why not learn modern React by building apps you can show off?
March 6th, 2019

Last night I built something so cool it's still blowing my mind. And I got the idea from the flat earth society.
March 5th, 2019

Did you know the downfall of pirates caused global warming? It's true, we have data to prove it
February 28th, 2019

Yesterday we talked about how data visualization helps you understand the world. Today I wanted to tell you about JavaScript's most popular data visualization library 👉 D3.
February 26th, 2019

February 25th, 2019

Combining D3 and React can be tricky. D3 loves internal state, React likes components to be stateless.
November 1st, 2018

SVG is great. Best way to build scalable graphics on the web. SVG can do everything from simple logos to data visualization and even animation.
August 17th, 2018

A coaching client showed me this design and asked: "Ok, how do I build this?"
July 31st, 2018

The new React 16.3 brings some changes to the ecosystem that change how we go about integrating React and D3 to build data visualizations.
April 27th, 2018

The new React 16.3 brings some changes to the ecosystem that change how we go about integrating React and D3 to build data visualizations.
April 12th, 2018

March 27th, 2018

Today, I finally figured out how to build smooth D3 arc transitions. 🎉
March 9th, 2018

The other day somebody asked me how to learn D3.js from scratch. I quipped that it took me writing a book to really learn it. It's one hell of a library.
February 8th, 2018

December 22nd, 2017

The Flash of Doom is one of the most annoying issues with D3 charts. You load the page, then you load the data, then you render your chart. With React 16, we can fix that using server-side rendering.
September 28th, 2017

You and I both know that when it's time to code some D3, the easiest approach is to find an example that does something similar, copy its code, and tweak it a bit. But a lot of those examples are in old versions of D3, and what if you're using React or something and can't just plop code into your project like nobody's business?
August 31st, 2017

Collision detection is one of those problems that's easy in theory but hard in practice. Even between ideal circles. Here's how to do it
March 16th, 2017

I spent 3 hours building a Pythagoras tree fractal. It's 2:30am, and is my life even real? Who the hell accidentally spends all night building fractals? Me… I guess.
November 18th, 2016

October 17th, 2016

August 22nd, 2016

June 16th, 2016

One of d3’s biggest selling points is the general update pattern. Add some function calls and voila – animated visualization with transitions. You totally _can_ achieve the same result with React. Yes, even if you use React to render SVG. Yes, you can use d3’s powerful transitions API too. The React version is easier to understand, too. Keep reading and you’ll see why.
April 28th, 2016

Particle generator. It makes tiny circles fly out of where you click. Hold down your mouse and move around. The particles keep flying out of your cursor. On mobile and only have a finger? That works, too. I’m a nerd, so this is what I consider fun. Your mileage may vary."
March 11th, 2016