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/
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/ringeffect, 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/