loading...

Creating an Animated Bar Chart – Using React (Hooks) with D3

github logo Updated on ・1 min read

Using React (Hooks) with D3 (16 Part Series)

1) The Basics – Using React (Hooks) with D3 2) Creating a Curved Line Chart – Using React (Hooks) with D3 3 ... 14 3) Axes and Scales – Using React (Hooks) with D3 4) Creating an Animated Bar Chart – Using React (Hooks) with D3 5) Interactive Charts – Using React (Hooks) with D3 6) Responsive Chart Components with ResizeObserver – Using React (Hooks) with D3 7) Creating a Gauge Chart with Machine Learning (ML5, Teachable Machine) – Using React (Hooks) with D3 8) Visualizing the Breaking Bad Timeline – Using React (Hooks) with D3 9) Creating a Racing Bar Chart – Using React (Hooks) with D3 10) Creating an Animated Tree Chart with React and D3 11) Creating a Physics-Based Force Layout with D3 / React 12) Interactive World Map with D3-geo 13) The Basics of Using React Hooks with D3 (Remastered for 2020) 14) 🥑🍌🍆 Creating a Stacked Bar Chart – Using React (Hooks) with D3 15) 🥑🍌🍆 Creating a Stacked Area Chart – Using React (Hooks) with D3 16) Creating a Zoomable Line Chart – Using React (Hooks) with D3

This is part 4 of my Using React (Hooks) with D3 series, and in this one, I am showing how to create an animated bar chart!

You can checkout the code here:
https://github.com/muratkemaldar/using-react-hooks-with-d3/tree/04-bar-chart-animated

Hope you like it.
Enjoy!

twitter logo DISCUSS
Classic DEV Post from Jun 23 '19

What Advice Would You Give Your 20-year-old Self?

If you could go back in time, what advice would you give your 20-year-old self?

Murat Kemaldar profile image
UI Engineer / Frontend Dev with a design background.

dev.to now has dark theme. 🌝

Go to the "misc" section of your settings and select night theme

P.S. It's also the best place to talk code amongst thoughtful developers, and it's totally open source.