August 13, 2018 01:57 pm GMT
Original Link: https://css-tricks.com/simple-interactive-pie-chart-with-css-variables-and-houdini-magic/
Simple Interactive Pie Chart with CSS Variables and Houdini Magic
I got the idea for doing something of the kind when I stumbled across this interactive SVG pie chart. While the SVG code is as compact as it gets (a single <circle>
element!), using strokes for creating pie chart slices is problematic as we run into rendering issues on Windows for Firefox and Edge. Plus, in 2018, we can accomplish a lot more with a lot less JavaScript!
AI got the following result down to a single HTML element …
The post Simple Interactive Pie Chart with CSS Variables and Houdini Magic appeared first on CSS-Tricks.
Original Link: https://css-tricks.com/simple-interactive-pie-chart-with-css-variables-and-houdini-magic/
Share this article:
Tweet
View Full Article