Visx is a library that lets us add graphics to our React app easily.

In this article, we’ll look at how to use it to add filled line charts with navigation into our React app.

Install Required Packages

We have to install a few modules.

To get started, we run:

npm i @visx/axis @visx/brush @visx/curve @visx/gradient @visx/group @visx/mock-data @visx/pattern @visx/responsive @visx/scale @visx/shape

to install the packages.

#javascript