Area Chart using React.js d3.js & TypeScript with the help of d3-brush for interaction

Eli Elad Elrom
Master React
Published in
7 min readAug 1, 2021

--

To create brush interactivity of the mouse following the plotted data there is d3 has an API d3-brush that can help us. In this tutorial, I will show you how to work with thed3-brushto zoom into a specific date.

You can see the final result of this tutorial below;

Setting up your project

--

--