A CSS and JavaScript Pie Chart
CSS version of my SVG pie chart.
Built using conical gradients instead of SVG circles.
As with the SVG version: the colours are random and change when the page is refreshed.
They can be fixed by adding a 'color' property to each entry in the JSON file:
ie.
{ ...,
"color":"#00ff00"
}
or "rgba(0, 255, 0, 0.3)" for example - (low opacity of 0.3 for pastel shades here).
Use the data.json file as a template.
Shares (percents) should add up to 100 or less. Free space is calculated.