React visualization layer

One-line summary: Two fetched React postures — D3-math primitives that you compose (visx) versus ready chart components (recharts, nivo).

The insight

Official visx exists so teams stop putting D3 selections inside useEffect. Recharts and nivo hide that and expose chart components. They are not interchangeable with vanilla chart-js / apache-echarts. From 2026-08-21-autoresearch-best-frontend-visualization-libraries.

From 2026-08-21-autoresearch-best-frontend-visualization-libraries: visx “combines the power of d3 … with the benefits of react for updating the DOM”; v4 needs React 18/19; MIT; animation not bundled.
From 2026-08-21-autoresearch-best-frontend-visualization-libraries: Recharts — composable React components; SVG; “lightweight dependency on D3 submodules”; v3.10.1.
From 2026-08-21-autoresearch-best-frontend-visualization-libraries: nivo — “rich set of dataviz components, built on top of D3 and React.”
From 2026-08-21-autoresearch-best-frontend-visualization-libraries: Victory official docs were not fetched.

d3 can sit beside React, but its DOM modules compete with the virtual DOM — the problem visx is designed around.