Donut Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 450 450"
>
    <linearGradient
        id="a"
        x1="61.658"
        x2="376.449"
        y1="372.199"
        y2="57.408"
        gradientTransform="matrix(1 0 0 -1 0 450)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00dbde" />
        <stop offset="1" stop-color="#fc00ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M200.3 413.1c-34 0-67.6-8.9-97.8-26.4C57 360.5 24.6 318.1 11 267.5S4.4 164 30.6 118.5 99.1 40.6 149.8 27C254.4-1 362.2 61.3 390.2 165.8c.7 2.7-.9 5.4-3.5 6.1l-180 48.2 48.2 180c.7 2.7-.9 5.4-3.5 6.1-16.9 4.6-34.1 6.9-51.1 6.9zm.6-382.8c-16.2 0-32.5 2.1-48.5 6.4-48.1 12.9-88.2 43.7-113.1 86.8S7.8 216.8 20.7 264.9s43.7 88.2 86.8 113.1c41.6 24 89.9 31 136.5 19.8L195.8 218c-.7-2.7.9-5.4 3.5-6.1l179.9-48.2c-13.6-45.9-43.8-84.3-85.4-108.3-28.7-16.6-60.6-25.1-92.9-25.1zm98.5 400.8c-.9 0-1.7-.2-2.5-.7-1.1-.7-2-1.8-2.3-3l-49.5-184.8c-.7-2.7.9-5.4 3.5-6.1L433.4 187c2.7-.7 5.4.9 6.1 3.5 13.6 50.6 6.6 103.5-19.6 149s-68.5 77.9-119.2 91.5c-.4.1-.8.1-1.3.1zM256 244.9 302.9 420c45.9-13.6 84.3-43.8 108.3-85.4s31-89.9 19.8-136.5zM199.7 373c-27.1 0-53.8-7.1-77.8-21-36.1-20.9-62-54.5-72.8-94.8s-5.3-82.4 15.6-118.5 54.5-62 94.8-72.8 82.4-5.3 118.5 15.6 62 54.5 72.8 94.8c.7 2.7-.9 5.4-3.5 6.1-2.7.7-5.4-.9-6.1-3.5-10.1-37.7-34.3-69.2-68.1-88.8-33.8-19.5-73.2-24.7-110.9-14.6S93 109.8 73.4 143.6c-19.5 33.8-24.7 73.2-14.6 110.9s34.3 69.2 68.1 88.8c33.8 19.5 73.2 24.7 110.9 14.6 2.7-.7 5.4.9 6.1 3.5s-.9 5.4-3.5 6.1c-13.5 3.7-27.2 5.5-40.7 5.5zm86.6 9.1c-2.2 0-4.2-1.5-4.8-3.7-.7-2.7.9-5.4 3.5-6.1 73.9-19.8 120.1-94 105.3-168.9-.5-2.7 1.2-5.3 3.9-5.9 2.7-.5 5.3 1.2 5.9 3.9 7.6 38.7.4 78.5-20.5 112.1-20.9 33.8-53.6 58.1-92 68.3-.4.3-.9.3-1.3.3z"
    />
</svg>