# codesuki/react-d3-components

D3 Components for React

Repository: https://github.com/codesuki/react-d3-components
Canonical: https://ross.abutalabs.com/products/react-d3-components
Homepage: http://codesuki.github.io/react-d3-components/example.html
Language: JavaScript
License: MIT
License Family: permissive
Topics: javascript, react, d3, graph, chart, charting-library, charts, waveform, pie-chart, area-chart, chart-component
Last push: 2022-01-11T11:39:52+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 4227, "days_push": 1695, "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 1616, forks 199 (observed 2026-08-28T04:05:11.876670+00:00)

## What it is
A React component library that wraps D3.js chart types (bar, stacked bar, line, area, scatter, pie, waveform) so React controls the DOM via its Virtual DOM. It offers tooltips, brushes, custom data accessors, and sensible defaults with minimal configuration.

## Use cases
- add charts to a react app with d3
- render bar charts in react components
- create stacked area charts in react
- draw pie charts with tooltips in react
- plot line and scatter charts from json data
- customize d3 chart axes in react
- build a waveform visualization in react

## When to choose
- you want declarative React components around common D3 chart types
- you need tooltips, brushes, and custom data accessors with minimal setup
- your project uses older React versions compatible with this library

## When to avoid
- you need a actively maintained library with modern React support
- you require animations, legends, or chart types on the project's todo list
- you need extensive documentation or strong test coverage

## Facets
- artifact type: library
- maturity: maintenance
- function: data-visualization, charts, ui-components
- domain: data-visualization, frontend, web-development
- platform: browser
- tags: react, d3, charting-library, bar-chart, pie-chart, line-chart, area-chart, scatter-plot, tooltips, brush, nodejs

## Member repositories
- codesuki/react-d3-components (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:11.876670+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-30T03:50:03.382406+00:00, confidence not recorded.
  - readme: https://github.com/codesuki/react-d3-components (fetched 2026-08-28T04:05:11.876670+00:00, sha 9f92dc2f698d)
  - homepage: http://codesuki.github.io/react-d3-components/example.html (fetched 2026-08-29T11:22:46.002078+00:00, sha 30277acde0bf)
  - registry_npm: https://registry.npmjs.org/react-d3-components (fetched 2026-08-29T11:22:46.011028+00:00, sha e6eb7f533b6d)
- Data as of 2026-08-30T08:39:29.467469+00:00.