DEV Community

Discussion on: How to create an interactive donut chart using SVG

Collapse
 
mustapha profile image
Mustapha Aouas

Hello there,

I can only guess that the radius of the inner cercle is wrong, it should be 20 instead of 30 (the flags are good ^^) 👇

<path fill="green" d="
                M 87.15724127386972 16.543469682057086
                A 50 50 0 0 0 3.015368960704585 32.898992833716555
                L 31.206147584281833 43.15959713348662
                A 20 20 0 0 1 64.86289650954788 36.61738787282283
            ">
            <title>slice</title>
</path>
Enter fullscreen mode Exit fullscreen mode
Collapse
 
knownasilya profile image
Ilya Radchenko

Yes, that was it! How do you understand the radius x/y? Having a hard time with that part conceptually.