Donut Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510 510"
>
    <path
        fill="#fff4f4"
        d="M90 255c0 90.981 74.019 165 165 165l10-169-10-161c-90.981 0-165 74.018-165 165z"
    />
    <path
        fill="#e5e8f2"
        d="M255 90v330c90.981 0 165-74.019 165-165 0-90.982-74.019-165-165-165z"
    />
    <path
        fill="#b9e600"
        d="M105 255c0-82.71 67.29-150 150-150l10-18.667L255 45C139.206 45 45 139.206 45 255c0 16.036 1.814 31.655 5.235 46.67l34.494 12.138 24.01-25.473A149.935 149.935 0 0 1 105 255z"
    />
    <path
        fill="#ffdd3f"
        d="M108.739 288.336 50.235 301.67C71.514 395.077 155.242 465 255 465l10-31-10-29c-71.256 0-131.061-49.945-146.261-116.664z"
    />
    <path
        fill="#fbc530"
        d="M361.016 361.016C333.855 388.177 296.355 405 255 405v60c57.897 0 110.397-23.552 148.423-61.577L393 368.5z"
    />
    <path
        fill="#ec2460"
        d="M405 255c0 41.355-16.823 78.855-43.984 106.016l42.406 42.406C441.448 365.397 465 312.897 465 255l-31.5-19.5z"
    />
    <path
        fill="#7c0"
        d="M405 255h60c0-115.794-94.206-210-210-210v60c82.71 0 150 67.29 150 150z"
    />
    <path
        fill="#c7d6da"
        d="m321.333 242.667-7.219-15.395 113.05-157.945 18.169-.827 5.552 19.229-113.05 157.945z"
    />
    <circle cx="465" cy="45" r="45" fill="#fbc530" />
    <path
        fill="#e5e8f2"
        d="M202.22 286.685 60.078 422.601l.672 17.774 22.745 1.343L217.78 313.315 255 302.02l3.744-14.054L255 270.669z"
    />
    <path
        fill="#c7d6da"
        d="M266.167 282.167 255 270.669v31.351l10.482-3.181z"
    />
    <circle cx="45" cy="465" r="45" fill="#b9e600" />
    <circle cx="300" cy="270" r="45" fill="#40beff" />
</svg>