[Suggestion] using css radial-gradient instead of creating elements for sections

[avrahamcool]

you can simplify your current implementation, by removing the creation of sections as elements in the DOM.
(because then you need to actually style them, rotate them etc.)

you can use the css radial-gradient property (it even has very good browser support)
to style a single DOM element in the desired pie/ring effect, by using multiple stops (of different sizes) on the same linear gradient.

a demo of how its done can be seen here: https://bennettfeely.com/csspiechart/

[stal269]

Thanks for the feedback :) I see in the demo that the conic-gradient should be used with the radial-gradient, but conic-gradient isn't supported on Firefox :(

[yktoo]

As far as I can see, Firefox has had support for conic-gradient from version 83 on.