ChartsCSS/charts.css

Health v2 · maintenance only

Adoption not part of the score

6581 stars · 179 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

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

framework · maturity active

css-framework data-visualization ui-components charts data-visualization frontend web-development browser cross-platform css scss no-javascript semantic-html charts accessibility no-dependencies nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="ChartsCSS/charts.css")