http://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
      + Radial
      + Pie
      + Polar
      + Radar
      + Mixed
  * Customization
      + 3D Effects
      + Motion Effects
      + Animations
  * Development
      + Design Principles
      + Supported Features
      + Cheat Sheet
      + 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

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

72kb file size, 6kb gzipped

Better Performance

No JS = no rendering

Open Source

You can change the code

[rami]
Rami Yushuvaev
Developer
[lana]
Lana Gordiievski
Designer

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