Create a React Chord Diagram with the Visx Library

John Au-Yeung
Dev Genius
Published in
3 min readMar 27, 2021

--

Photo by Markus Gjengaar on Unsplash

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 chord diagrams into our React app.

Install Required Packages

We have to install a few modules.

To get started, we run:

npm i @visx/chord…

--

--