so i was trying to make this perfect semantically clean and flexible pi echart with just html +css. no js libraries at all! heres what worked for me:
i used a combination of divs, borders trickery (yes the old border-radius one), percentages galore - but it definitely took some tweaking.
basically i made each slice its own `` and played around with `border` properties to create that circular cutout effect.
its not super trivial by any means; had a few headaches figuring out how exactly those borders needed aligning for different slices.
anyone tried something similar or have tips on making this more efficient? id love some feedback!
https://css-tricks.com/trying-to-make-the-perfect-pie-chart-in-css/