# carbon-design-system/carbon-charts

:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript

Repository: https://github.com/carbon-design-system/carbon-charts
Canonical: https://ross.abutalabs.com/products/carbon-charts
Homepage: https://charts.carbondesignsystem.com
Language: HTML
License: Apache-2.0
License Family: permissive
Topics: d3, charts, typescript, d3js, ibm, carbon-design-system, dataviz, angular, vue, react, vanilla, hacktoberfest, javascript, svelte
Last push: 2026-07-31T06:23:53+00:00

## Health v2 (maintenance only)
Score: 92/100 (v2, computed 2026-09-03T02:39:23.370411+00:00)
- activity 95, release rhythm 83, longevity 100
- inputs: {"age_days": 2955, "days_push": 33, "days_rel": 33, "gap_med": 3, "n_releases_24m": 68}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1048, forks 218 (observed 2026-08-28T04:03:22.346649+00:00)

## What it is
Carbon Charts is a data visualization component library offering 26 chart types built on D3 and TypeScript. It provides framework-specific wrappers for vanilla JavaScript, React, Vue, Angular, and Svelte as part of IBM's Carbon Design System.

## Use cases
- add charts to a react dashboard
- render bar and line charts in vue
- accessible dataviz for angular apps
- create charts with d3 without writing d3 code
- consistent ibm carbon-styled visualizations
- embed charts in a svelte app

## When to choose
- you want polished, accessible charts matching the Carbon Design System
- you need multi-framework support (React, Vue, Angular, Svelte, vanilla)
- you prefer a maintained library over hand-rolling D3

## When to avoid
- you need highly custom or exotic chart types beyond the 26 provided
- you want a design system other than Carbon's look and feel
- bundle size is critical and D3's footprint is too large

## Facets
- artifact type: library
- maturity: active
- function: data-visualization, charts, ui-components
- domain: data-visualization, frontend, web-development
- platform: browser, cross-platform
- tags: d3, typescript, react, vue, angular, svelte, vanilla-javascript, carbon-design-system, ibm, dataviz, nodejs

## Member repositories
- carbon-design-system/carbon-charts (main) score 92

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:03:22.346649+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-30T07:00:41.947842+00:00, confidence not recorded.
  - readme: https://github.com/carbon-design-system/carbon-charts (fetched 2026-08-28T04:03:22.346649+00:00, sha db88211512e1)
  - homepage: https://charts.carbondesignsystem.com (fetched 2026-08-29T13:02:05.696398+00:00, sha 7fd9d83db590)
- Data as of 2026-08-30T08:39:29.467469+00:00.