# ChartsCSS/charts.css

Open source CSS framework for data visualization.

Repository: https://github.com/ChartsCSS/charts.css
Canonical: https://ross.abutalabs.com/products/chartscss
Homepage: https://ChartsCSS.org
Language: HTML
License: MIT
License Family: permissive
Topics: css, html, css-framework, charts, chart, scss, ui-components, visualization, data-visualization
Last push: 2026-04-04T21:11:05+00:00

## Health v2 (maintenance only)
Score: 57/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 75, release rhythm 8, longevity 100
- inputs: {"age_days": 2167, "days_push": 151, "days_rel": 408, "gap_med": null, "n_releases_24m": 1}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6581, forks 179 (observed 2026-08-28T04:09:45.417717+00:00)

## What it is
Charts.css is an open source CSS framework for data visualization that turns semantic HTML tables into charts using utility CSS classes and CSS variables. It requires no JavaScript, has zero dependencies, and ships as a tiny ~7kb gzipped stylesheet.

## Use cases
- render charts with pure CSS without JavaScript charting libraries
- make data tables accessible to screen readers and search engines
- add bar, column, area, line, pie, and radar charts to a website
- visualize data in server-rendered HTML with no client-side JS
- style HTML tables as responsive charts using CSS classes
- improve page performance by avoiding heavy JS chart libraries

## When to choose
- you want lightweight, dependency-free charts with no JavaScript rendering overhead
- SEO and accessibility matter, since raw data stays in semantic HTML markup
- your data is already in HTML tables and you just want to style it as charts
- you need simple customization via CSS variables and selectors

## When to avoid
- you need interactive features like zooming, panning, or dynamic data updates
- you require chart types not yet supported, such as polar or radar charts
- you need canvas/SVG-level rendering precision or complex multi-series plots
- your charts depend on runtime JavaScript data sources rather than server-rendered HTML

## Facets
- artifact type: framework
- maturity: active
- function: css-framework, data-visualization, ui-components, charts
- domain: data-visualization, frontend, web-development
- platform: browser, cross-platform
- tags: css, scss, no-javascript, semantic-html, charts, accessibility, no-dependencies, nodejs

## Member repositories
- ChartsCSS/charts.css (main) score 57

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:45.417717+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-29T17:43:35.955288+00:00, confidence not recorded.
  - readme: https://github.com/ChartsCSS/charts.css (fetched 2026-08-28T04:09:45.417717+00:00, sha 218f6ada27fe)
  - homepage: https://ChartsCSS.org (fetched 2026-08-29T08:40:06.628859+00:00, sha 012ceb8d6b31)
  - site_page: https://chartscss.org/docs (fetched 2026-08-29T08:40:06.631275+00:00, sha 197fa09108ac)
  - site_page: https://chartscss.org/docs/installation (fetched 2026-08-29T08:40:06.633341+00:00, sha b0a8a6575bb9)
  - site_page: https://chartscss.org/docs/usage (fetched 2026-08-29T08:40:06.634992+00:00, sha 84f8ab536e08)
  - site_page: https://chartscss.org/docs/anatomy (fetched 2026-08-29T08:40:06.636926+00:00, sha bbc833664bb6)
  - site_page: https://chartscss.org/docs/migrate-to-v1 (fetched 2026-08-29T08:40:06.955737+00:00, sha dbd4c6e02053)
  - site_page: https://chartscss.org/development/supported-features (fetched 2026-08-29T08:40:06.978334+00:00, sha 474c7c9b56e4)
- Data as of 2026-08-30T08:39:29.467469+00:00.