Easy Pie Chart ADDON Lightweight plugin to render simple, animated and retina optimized pie charts.

EXPENSES $47,000
MY PROFITS $38,500
About

Easy Pie Charts are highly customizable, very easy to implement, and resolution independent (retina optimized). It uses requestAnimationFrame for smooth animations on modern devices and works in all modern browsers. Since it is a SVG file output, it can be resized to any width and height.

Find in-depth, guidelines, tutorials and more on Easy Pie Chart's GitHub Page

Color Change

Colors are inherited from the parent font color, so you could literally change the any of the font colors available within this WebApp .js-easy-pie-chart.color-danger-500

Scale & Color

Change the size of the chart using data-piesize and the line width by using data-linewidth

Data Percentage

Data percentage is displayed by using various class utilities and a container with the class .js-percent
Memory
CPU

Avatar Usage

Here we nested the image using various class utilities to center it within the graph. The graph is also using data-scalelength to change the scales to various sizes
Dr. Codex Lantern
Dr. Codex Lantern
Dr. Codex Lantern

Nested Charts

Just as the example above, we can create nested charts by using the position-absolute utility

Dynamic Usage

Random