https://chartscss.org/

Get Started
Components
Charts
Customization
Development
Examples
GitHub repo (opens new window)
GitHub (opens new window)

  * Get Started
      + Installation
      + Usage
  * Components
      + Wrapper
      + Heading
      + Data
      + Datasets
      + Orientation
      + Labels
      + Axes
      + Spacing
      + Reverse Order
      + Colors
      + Stacked
      + Tooltips
      + Legend
  * Charts
      + Bar
      + Column
      + Area
      + Line
      + Pie
      + Donut
      + Polar
      + Radar
      + Mixed
  * Customization
      + 3D Effects
      + Motion Effects
      + Animations
  * Development
      + Design Principles
      + Roadmap
  * Examples
      + Chart Builder

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 to star the repo on GitHub.

 

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

HTML & CSS

Uses semantic HTML tags

Accessible

Raw data inside the markup

Customizable

Style the charts your way

Open Source

You can change the code

Responsive

Uses media queries for scaling

Large Variety

Many supported chart types

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