Dr. Codex Lantern
drlantern@dedemao.com
Language
Easy Pie Chart ADDONLightweight 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 requestAnimationFramefor 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-piesizeand 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-scalelengthto change the scales to various sizes
Nested Charts
Just as the example above, we can create nested charts by using the
position-absoluteutility
Dynamic Usage
Random