hero

Charts.css

CSS data visualization framework

Quick Start GitHub Repo

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

The source code is available on GitHub (opens new window). If you like the project, please consider starring the repo on GitHub.

Choose from a Variety of Charts

Area
Chart

Bar
Chart

Column
Chart

Line
Chart

Multi-Dataset
Area Chart

Multi-Dataset
Bar Chart

Multi-Dataset
Column Chart

Multi-Dataset
Line Chart

Percentage
Columns

Stacked
Columns

3D Bars
Effect

3D Tilt
Effect

Framework Benefits

Semantic Structure

Uses HTML tags to display data

Customizable

Custom styling using CSS

Responsive

Scaled using media queries

Accessible

Raw data inside the markup

Large Variety

Many supported chart types

No dependencies

Zero external overhead

Small Library

76kb file size, 7kb gzipped

Better Performance

No JS = no rendering

Open Source

You can change the code

The People Behind The Project

Rami Yushuvaev

Developer

Lana Gordiievska

Designer

Charts.css is an open source framework licensed under the MIT license.