web data visualization / CSS-only charts
Charts.css is a CSS framework that turns HTML content into charts by adding CSS classes, with no JavaScript dependencies.
Solves the same problem with a different architecture or at a different layer. Expect to rewrite the integration.
When you need spec-driven or AI-agent chart generation instead of styling HTML with CSS.
🪄 Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.
When you need interactive, feature-rich charts and are willing to add a JS/SVG library.
The most advanced amCharts charting library for JavaScript and TypeScript apps.
When you need a mature interactive charting library with many chart types and large ecosystem.
Apache ECharts is a powerful, interactive charting and data visualization library for browser
When you need zoomable, exportable scientific charts and want a JS API.
Open-source JavaScript charting library behind Plotly and Dash
When you need cross-platform interactive charts with a declarative spec.
VChart, more than just a cross-platform charting library, but also an expressive data storyteller.
When you are building a React app and want composable, interactive chart components.
Redefined chart library built with React and D3
When you need configurable, interactive SVG charts with a simple JavaScript API.
📊 Interactive JavaScript Charts built on SVG
When you need modular chart components built on D3 and prefer a JS approach.
:bar_chart: A library of modular chart components built on D3
When you want animated data stories and chart transitions rather than static CSS-styled elements.
Library for animated data visualizations and data stories.
When you use React and need ready-made, customizable data visualization components.
📊 Data visualization library for React. Maintained by @goodcodeus.
When you want composable React components for interactive web charts.
A collection of composable React components for building interactive data visualizations
When you need a simple, reusable D3-based chart library with SVG and canvas support.
📊 Re-usable, easy interface JavaScript chart library based on D3.js, with SVG and Canvas rendering support
When you need a grammar-based visualization library for building custom web charts.
📊 The concise and progressive visualization grammar.
When you want a concise API for exploratory, layered-grammar charts in the browser.
A concise API for exploratory data visualization implementing a layered grammar of graphics
When you need modular web charts that work across React, Angular, Svelte, Vue, and vanilla JS.
Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript
These projects were analysed and named charts.css among their alternatives. The relationship is not symmetric — how charts.css rates them is a separate judgement, made when charts.css is analysed in its own right.
calls charts.css “Choose when you want pure-CSS data styling with no JavaScript, a fundamentally different approach from D3's DOM manipulation.”
Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
calls charts.css “Pure-CSS charting framework; choose for simple, dependency-free static charts.”
Open-source JavaScript charting library behind Plotly and Dash
calls charts.css “when you want to create charts purely with CSS classes and no JavaScript framework.”
📊 The concise and progressive visualization grammar.
calls charts.css “Use when you want pure CSS-based charts without JavaScript, though interactivity is limited.”
A collection of composable React components for building interactive data visualizations
calls charts.css “Choose if you prefer CSS-based charts without JavaScript.”
Data Visualization Components
calls charts.css “Choose when you want CSS-only, no-JavaScript charts; limited to static clean styling.”
Reusable JavaScript library for creating sketchy/hand-drawn styled charts in the browser.
calls charts.css “Choose for pure CSS data visualization when JavaScript is not an option, though it supports fewer chart types than Plottable.”
:bar_chart: A library of modular chart components built on D3
calls charts.css “when you need pure CSS-based charts with no JavaScript, but limited chart types compared to a full library.”
A JavaScript library for real-time visualization
calls charts.css “choose for simple, CSS-only charts without JavaScript; it supports a much narrower set of chart types and no interactivity”
Redefined chart library built with React and D3
calls charts.css “Choose for tiny static CSS-only charts with no JavaScript logic.”
WebGL2 powered visualization framework
calls charts.css “CSS-only data-viz framework; choose for lightweight static charts where no JavaScript is allowed.”
React components for Chart.js, the most popular charting library
calls charts.css “For simple static HTML/CSS charts with no JavaScript and no interactivity.”
Interactive plotting library for .NET
calls charts.css “Pick for CSS-only static charts when you want no JavaScript, but it is not a full JS widget suite.”
HTML5 JavaScript Component Suite for Responsive Web Development