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