10 Best Pie/Donut Chart Plugins In JavaScript

by jQueryScript,

Want to present your data in a circle with proportional segments showing proportions and percentages between categories?

Here is a list of 10 best JavaScript/jQuery charting plugins for plotting and visualizing your data in a pie- or donut-style circular statistical graphic. I hope you like it.

Table of contents:

jQuery Pie/Donut Chart Plugins:

Animated Donut Chart Plugin with jQuery and Canvas - DoughnutIt

DoughnutIt is an awesome jQuery chart plugin that utilizes Chart.js and Html5 canvas element to draw an animated donut/pie chart with some text inside and around it.

Animated Donut Chart Plugin with jQuery and Canvas - DoughnutIt

[Demo] [Download]


Animated Interactive Donut Chart with jQuery and Snap.svg

A jQuery & SVG based chart script to draw an interactive donut chart with smooth SVG path animations based on Snap.svg JavaScript SVG library.

Animated Interactive Donut Chart with jQuery and Snap.svg

[Demo] [Download]


Responsive Pie Chart Plugin with jQuery and Snap.SVG - Pizza

Pizza Pie Charts is a jQuery plugin that makes use of Adobe's Snap.SVG javascript library and HTML5 data-* attributes to create a responsive and animated pie & donut chart for any device.

Responsive Pie Chart Plugin with jQuery and Snap.SVG - Pizza

[Demo] [Download]


Nice Configuarable Pie/Donut Chart with jQuery and D3.js - d3pie

d3pie is a Javascript library to generate attractive, animated and fully customizable pie / donut charts with the help of jQuery and D3.js.

Nice Configuarable Pie/Donut Chart with jQuery and D3.js - d3pie

[Demo] [Download]


jQuery Plugin To Convert Tabular Data Into Donut Charts - Chart.js

Chart.js is a lightweight jQuery plugin used to render an HTML5 canvas based doughnut chart to present tabular data with chart legends and labels support.

jQuery Plugin To Convert Tabular Data Into Donut Charts - Chart.js

[Demo] [Download]


Vanilla JavaScript Pie/Donut Chart Plugins:

circleDonutChart

circleDonutChart is a standalone JS library for drawing animated, flexible and flat styled donut charts using SVG objects.

Creating A Flexible Flat Donut Chart with JavaScript and SVG – circleDonutChart

[Demo] [Download]


Canvas Based Pie Chart Generator with Pure JavaScript – PieChartLib.js

PieChartLib.js is a lightweight JavaScript library used to generate flat 2D pie chart using HTML5 canvas element.

Canvas Based Pie Chart Generator with Pure JavaScript – PieChartLib.js

[Demo] [Download]


SVG Based Multiple Pie Chart JavaScript Library – MDMPC

MDMPC is a small JavaScript library used to generate a multiple pie chart using JavaScript and SVG.

SVG Based Multiple Pie Chart JavaScript Library – MDMPC

[Demo] [Download]


Minimal Doughnut Chart With JavaScript And SVG – donut-chart.js

donut-chart.js is a small and easy JavaScript library which utilize SVG to draw dynamic doughnut/ring charts on the web app.

Minimal Doughnut Chart With JavaScript And SVG – donut-chart.js

[Demo] [Download]


Basic Pie Chart Using JavaScript And Canvas – DiagJS

DiagJS is a simple-to-use JavaScript library that lets you dynamically draw an animated, interactive pie chart on an HTML5 canvas element.

Basic Pie Chart Using JavaScript And Canvas – DiagJS

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Pie/Donut Charts on the web & mobile? Check out the jQuery Chart & Graph and JavaScript Chart sections.