Charts.css

# Installation

There are three different ways to add Charts.css to your project: download the stylesheet file, use a CDN, or use a package manager.

# Download

To download Charts.css latest release, visit our GitHub repository:

https://github.com/ChartsCSS/charts.css/releases (opens new window)

Open the ZIP file and copy the dist/charts.min.css file to your project.

Next, you need to load the CSS file in your HTML document. Paste the stylesheet path to your <link> tag and place it inside the document <head>.

<link rel="stylesheet" href="path/to/your/charts.min.css">
1

# CDN

Alternatively, use a CDN. Copy one of the following <link> tags and paste it inside the document <head>.

Use jsdelivr (opens new window) CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css">
1

Or unpkg (opens new window) CDN:

<link rel="stylesheet" href="https://unpkg.com/charts.css/dist/charts.min.css">
1

# Package Manager

If you are developing a Node.js powered application, pull Charts.css source files using your favorite package manager.

Install using npm (opens new window):

npm install charts.css
1

Or using yarn (opens new window):

yarn add charts.css
1

Then import it in your project:

import 'charts.css';
1

← Usage →