Victor Jeman Academy

How custom do your charts really need to be?

Pick the chart library that matches how much control you actually need.

Speed vs. control

You trade off-the-shelf speed against bespoke control. Recharts is the fastest start, with composable React components over D3 (the low-level data-visualization library most React chart tools build on). Nivo adds theming and motion and a wider catalogue. visx hands you raw D3 primitives as React hooks, so you assemble everything yourself.

How custom do my charts actually need to be: pixel-perfect bespoke visuals, or standard bar and line charts that just need to look clean and could come straight from Recharts or Nivo?

Cost of change

The more control you take, the more you maintain by hand. Think about how a design change six months out would land.

Compare Recharts, Nivo, and visx on flexibility versus setup time for a Next.js App Router project that needs [describe your chart types], and how easily each absorbs a design change later.

Match the chart library to the control you actually need. Standard charts rarely justify assembling everything from D3.

Additional Resources

Explore these carefully curated resources to deepen your understanding and practice the concepts covered in this lesson.