csspiecharts v0.0.5

CSS Pie Charts

A lightweight and simple to use CSS Pie Chart library.

Installation

Looking to add our simple pie charts to your project? There are three ways to get it installed:

Download

You can download the minified css file here.

CDN

You can add this CDN link inside the head section of your html page.

<link
  href="https://cdn.jsdelivr.net/npm/csspiecharts@latest/dist/piecharts.min.css"
/>

npm

You can add the css file to your project via a terminal window.

npm i csspiecharts

Examples

You can find all of the examples here

Motivation

I recently had a project where I needed some tiny sparkline pie charts, and these were the only charts in the whole app. For obvious reasons, I didn't want to import an entire JS chart library to do this very small task. So I made this super lightweight library to fulfill the use case.

Final Thoughts

If you need something similar to this, go with my library. On the contrary, if you need something more advanced - like animations and tooltips, then you're gonna need a JavaScript based equivalent like apexcharts.