# beizhedenglong/rough-charts

📈 A responsive, composable react charting library with a hand-drawn style.

Repository: https://github.com/beizhedenglong/rough-charts
Canonical: https://ross.abutalabs.com/products/rough-charts
Homepage: https://beizhedenglong.github.io/rough-charts/?path=/docs/roughcharts--page
Language: TypeScript
License: MIT
License Family: permissive
Topics: data-visualization, drawing, rough-charts, hand-drawn, react-components
Last push: 2020-11-03T17:52:46+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": 2525, "days_push": 2129, "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 1546, forks 57 (observed 2026-08-28T04:05:01.601081+00:00)

## What it is
Rough Charts is a responsive, composable React charting library that renders charts in a hand-drawn, sketchy style, built on top of d3 and roughjs. It is written in TypeScript and provides composable chart series components like LineSeries, axes, and tooltips.

## Use cases
- render charts with a hand-drawn sketchy aesthetic in React
- create responsive line and bar charts from JSON data
- compose custom chart series components with axes and tooltips
- build playful dashboards or infographics with a sketch style
- add rough-style shapes to React apps via react-roughjs

## When to choose
- you want charts with a hand-drawn, informal look in a React app
- you need a small, composable charting library with TypeScript support
- you want to build on roughjs shapes without wiring d3 yourself

## When to avoid
- you need production-grade, highly performant charts for large datasets
- you need many advanced chart types or extensive documentation
- you need a library with frequent updates and active maintenance

## Facets
- artifact type: library
- maturity: maintenance
- function: data-visualization, charts, ui-components
- domain: data-visualization, frontend, web-development
- platform: cross-platform
- tags: react, hand-drawn-style, roughjs, d3, typescript, charting-library, web-server, nodejs

## Member repositories
- beizhedenglong/rough-charts (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:01.601081+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-30T04:30:33.272251+00:00, confidence not recorded.
  - readme: https://github.com/beizhedenglong/rough-charts (fetched 2026-08-28T04:05:01.601081+00:00, sha e7f662940884)
  - homepage: https://beizhedenglong.github.io/rough-charts/?path=/docs/roughcharts--page (fetched 2026-08-29T11:31:44.459168+00:00, sha 72bfb7483127)
  - registry_npm: https://registry.npmjs.org/rough-charts (fetched 2026-08-29T11:31:44.468393+00:00, sha f3a402628025)
- Data as of 2026-08-30T08:39:29.467469+00:00.