Circular Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 8.467 8.467"
>
    <g paint-order="fill markers stroke">
        <path
            fill="#64ddff"
            d="M.793.794h2.91c.294 0 .53.236.53.529v2.381c0 .293-.236.53-.53.53H.794a.528.528 0 0 1-.529-.53V1.323c0-.293.236-.53.53-.53z"
        />
        <path
            fill="#009cff"
            d="M3.628 1.465a3.386 3.386 0 0 0-3.353 3.38 3.385 3.385 0 0 0 3.38 3.382c1.232 0 2.265-.694 2.852-1.666a.265.265 0 0 0-.093-.366l-1.14-.662a.265.265 0 0 0-.357.09c-.271.44-.72.736-1.261.737a1.51 1.51 0 0 1-1.514-1.514 1.51 1.51 0 0 1 1.514-1.514.265.265 0 0 0 .263-.263V1.73c.001-.147-.108-.266-.29-.266zm-.238.54v.815a2.04 2.04 0 0 0-1.777 2.026c0 1.125.918 2.043 2.043 2.043.64 0 1.193-.316 1.56-.773l.688.4c-.516.704-1.316 1.181-2.248 1.181A2.848 2.848 0 0 1 .804 4.846a2.866 2.866 0 0 1 2.586-2.84z"
        />
        <path
            fill="#009cff"
            d="M6.615 3.64c-.023.002-1.344.417-1.344.417a.265.265 0 0 0-.174.332c.172.64-.027.988-.18 1.234a.265.265 0 0 0 .092.367l1.139.663a.265.265 0 0 0 .36-.092c.807-1.297.475-2.407.37-2.737a.265.265 0 0 0-.263-.183zm-.172.597c.043.197.202.985-.261 1.821l-.684-.398c.118-.243.264-.627.167-1.172z"
        />
        <g fill="#005fc1">
            <path
                d="M4.957.264a.265.265 0 0 0-.266.265v1.338c0 .147.12.265.266.264.545 0 .936.31 1.07.443.103.103.27.103.373 0l.945-.945a.265.265 0 0 0 0-.375 3.378 3.378 0 0 0-2.388-.99zm.263.541a2.91 2.91 0 0 1 1.557.644l-.577.577a2.091 2.091 0 0 0-.98-.408z"
            />
            <path
                d="M7.15 1.178a.265.265 0 0 0-.178.076l-.945.947a.265.265 0 0 0 0 .373c.253.262.338.51.37.614.045.139.194.216.333.172l1.275-.405a.265.265 0 0 0 .174-.332 3.384 3.384 0 0 0-.834-1.369.265.265 0 0 0-.195-.076zm0 .647c.173.21.325.46.431.71l-.773.244a2.816 2.816 0 0 0-.232-.38z"
            />
        </g>
    </g>
</svg>