Minimalist jQuery Pie Chart Plugin - Piegraph

File Size: 3.14 KB
Views Total: 5121
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Minimalist jQuery Pie Chart Plugin - Piegraph

Piegraph is a super lightweight (~2kb unminified) jQuery plugin that renders a pure CSS based pie chart within a specified container.

How to use it:

1. Load the jQuery library and the jQuery Piegraph plugin's script at the end of the document.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="jquery.piegraph.js"></script>

2. Create a container for the pie chart.

<div id="chart">
</div>

3. Prepare your data and call the plugin to render a pie chart inside the container you just created.

$("#chart").chart({
  data : new Array(40, 40, 45, 30, 25),
  labels : new Array("A", "B", "C", "D", "E"),
  width : 400,
  height : 200
});  

This awesome jQuery plugin is developed by edgardleal. For more Advanced Usages, please check the demo page or visit the official website.