Pie Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1=".5"
        x2="511.5"
        y1="256"
        y2="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00f2fe" />
        <stop offset=".021" stop-color="#03effe" />
        <stop offset=".293" stop-color="#24d2fe" />
        <stop offset=".554" stop-color="#3cbdfe" />
        <stop offset=".796" stop-color="#4ab0fe" />
        <stop offset="1" stop-color="#4facfe" />
    </linearGradient>
    <path
        d="M491.5 213.987H297.165V20C403.598 20 491.5 107.746 491.5 213.987zm-202.278 83.037c0 108.241-32.409 194.976-72.388 194.976s-72.388-87.746-72.388-195.987 32.409-195.987 72.388-195.987h0c-108.433 0-196.335 87.746-196.335 195.987S108.402 492 216.835 492c44.067 0 84.744-14.493 117.507-38.964m62.582-78.839c10.45-23.951 16.246-50.392 16.246-78.184H26.021"
        fill="none"
        stroke="url(#a)"
        stroke-width="40"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>