Mustapha Aouas
TheAngularGuy

TheAngularGuy

Mustapha Aouas

14 followers

Technical writer, speaker & JS / TS developer — Angular Lyon co-organizer — I like sharing what I know and learning what I don't 👨🏻‍💻👍🏼

Blog Author Picture

How to create an interactive donut chart using SVG

Dec 13, 202110 min read

In this post, we'll make an SVG donut chart with clickable slices/parts. I'll start by explaining the issue with the most common way to implement an SVG donut chart (using stroke-dasharray and stroke-dashoffset). Then we'll talk about a new way to do...

How to create an interactive donut chart using SVG
I made a working Gameboy CSS art: try it out 🕹
Responsive images for better performance: Start using srcset and picture