# reaviz/reaviz

📊 Data visualization library for React. Maintained by @goodcodeus.

Repository: https://github.com/reaviz/reaviz
Canonical: https://ross.abutalabs.com/products/reaviz
Homepage: https://reaviz.dev
Language: TypeScript
License: Apache-2.0
License Family: permissive
Topics: d3, reactjs, d3js, data-viz, heatmap, bar-charts, area-charts, line-charts, bubble-chart, scatter-plot, sankey-chart, data-visualization, charts, venn-diagram, sparkline, react, charting-library, treemap, funnel-chart, sunburst-chart
Last push: 2026-08-10T14:40:32+00:00

## Health v2 (maintenance only)
Score: 76/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 97, release rhythm 35, longevity 100
- inputs: {"age_days": 2329, "days_push": 23, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1249, forks 124 (observed 2026-08-28T04:04:07.928627+00:00)

## What it is
Reaviz is a modular data visualization library for React that renders chart components natively in React while using D3.js under the hood for calculations. It offers 22+ chart types including bar, line, area, pie, sankey, heatmap, treemap, and sunburst charts, with animations, tooltips, legends, and gesture support.

## Use cases
- add charts to a react dashboard
- render bar and line charts from  data
- create stacked area charts with animations
- build a heatmap calendar like github contributions
- visualize flows with a sankey diagram in react
- make a customizable pie or donut chart
- add sparklines to a react table
- create a sunburst or treemap visualization

## When to choose
- you use React and want pre-styled, batteries-included charts with easy setup
- you need a wide variety of chart types including radial, sankey, and venn diagrams
- you want deep customization via JSX props while keeping D3 power
- you need smooth animations and accessibility out of the box

## When to avoid
- you are not using React
- you need WebGL-scale rendering for very large network graphs or 3D charts
- you want a framework-agnostic or vanilla D3 approach
- you need server-side chart image generation

## Facets
- artifact type: library
- maturity: active
- function: data-visualization, charts
- domain: data-visualization, frontend, web-development
- platform: -
- tags: d3, react-components, charting-library, animations, accessibility, react, web, typescript

## Member repositories
- reaviz/reaviz (main) score 76

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:07.928627+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T05:07:48.820451+00:00, confidence not recorded.
  - readme: https://github.com/reaviz/reaviz (fetched 2026-08-28T04:04:07.928627+00:00, sha 236a9b9811ea)
  - homepage: https://reaviz.dev (fetched 2026-08-29T12:19:04.791438+00:00, sha 81ea64237414)
  - site_page: https://reaviz.dev/docs (fetched 2026-08-29T12:19:04.800567+00:00, sha 9a97af4a560c)
  - site_page: https://reaviz.dev/docs/getting-started/setup (fetched 2026-08-29T12:19:04.802665+00:00, sha 615c5adf5bbe)
  - site_page: https://reaviz.dev/docs/getting-started/why (fetched 2026-08-29T12:19:04.804419+00:00, sha dc235de3ffbb)
  - site_page: https://reaviz.dev/docs/getting-started/developing (fetched 2026-08-29T12:19:04.806107+00:00, sha ba51595a2475)
  - site_page: https://reaviz.dev/docs/getting-started/data (fetched 2026-08-29T12:19:04.807773+00:00, sha 75240fdc01d8)
  - site_page: https://reaviz.dev/docs/getting-started/colors (fetched 2026-08-29T12:19:04.809473+00:00, sha e51219e4cfb0)
  - site_page: https://reaviz.dev/docs/getting-started/custom-charts (fetched 2026-08-29T12:19:04.811188+00:00, sha 29db96475655)
  - site_page: https://reaviz.dev/docs/getting-started/migration-guide (fetched 2026-08-29T12:19:04.812967+00:00, sha 7b9b0ff52870)
- Data as of 2026-08-30T08:39:29.467469+00:00.