An SVG and JavaScript Pie Chart
Inspired by Mark Caron's Donut chart at https://medium.com/@heyoka/scratch-made-svg-donut-pie-charts-in-html5-2c587e935d72
Pies! - to go with the beers! : D
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.