dashboard-pie-chart.svg

<svg width="316" height="189" viewBox="0 0 316 189" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="60.5" cy="60.5" r="60.5" fill="#F8F9FA"/>
<path d="M60.5 0C73.2763 1.52356e-07 85.7247 4.04473 96.061 11.5545C106.397 19.0642 114.091 29.6534 118.039 41.8045L60.5 60.5L60.5 0Z" fill="#495057"/>
<path d="M118.039 41.8045C121.487 52.4159 121.933 63.7742 119.328 74.6234C116.724 85.4727 111.17 95.3904 103.28 103.28C95.3904 111.17 85.4727 116.724 74.6235 119.328C63.7742 121.933 52.416 121.487 41.8045 118.039L60.5 60.5L118.039 41.8045Z" fill="#ADB5BD"/>
<path d="M41.8045 118.039C29.6534 114.091 19.0642 106.397 11.5545 96.061L60.5 60.5L41.8045 118.039Z" fill="#CED4DA"/>
<path d="M11.5545 96.061C2.50964 83.6119 -1.45157 68.184 0.477062 52.9173L60.5 60.5L11.5545 96.061Z" fill="#DEE2E6"/>
<path d="M0.450959 53.1269C1.85009 41.7319 6.46256 30.9702 13.7496 22.0988C21.0367 13.2274 30.6975 6.61247 41.6037 3.02669L60.5 60.5L0.450959 53.1269Z" fill="#E9ECEF"/>
<path d="M41.3031 3.12641C47.626 1.0108 54.2551 -0.0450762 60.9224 0.00147457L60.5 60.5L41.3031 3.12641Z" fill="#F8F9FA"/>
<g clip-path="url(#clip0_321_57687)">
<g clip-path="url(#clip1_321_57687)">
<g clip-path="url(#clip2_321_57687)">
<path d="M165.924 26.6959H169.874V54.3415H165.924V26.6959Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M165.924 34.7598H169.874V54.342H165.924V34.7598Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip3_321_57687)">
<path d="M175.271 10.8982H179.22V54.3412H175.271V10.8982Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M175.271 23.5695H179.22V54.3417H175.271V23.5695Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip4_321_57687)">
<path d="M184.617 42.4937H188.566V54.3418H184.617V42.4937Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M184.617 45.9492H188.566V54.3416H184.617V45.9492Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip5_321_57687)">
<path d="M193.963 14.8481H197.912V54.3418H193.963V14.8481Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M193.963 26.3675H197.912V54.3422H193.963V26.3675Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip6_321_57687)">
<path d="M203.313 22.7461H207.262V54.341H203.313V22.7461Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M203.313 31.9618H207.262V54.3415H203.313V31.9618Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip7_321_57687)">
<path d="M212.659 42.4937H216.609V54.3418H212.659V42.4937Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M212.659 45.9492H216.609V54.3416H212.659V45.9492Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip8_321_57687)">
<path d="M222.006 26.696H225.955V54.3416H222.006V26.696Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M222.006 34.7599H225.955V54.3421H222.006V34.7599Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip9_321_57687)">
<path d="M231.351 14.8481H235.301V54.3418H231.351V14.8481Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M231.351 26.3675H235.301V54.3422H231.351V26.3675Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip10_321_57687)">
<path d="M240.698 26.6959H244.647V54.3415H240.698V26.6959Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M240.698 34.7598H244.647V54.342H240.698V34.7598Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip11_321_57687)">
<path d="M250.044 22.7462H253.993V54.3411H250.044V22.7462Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M250.044 31.9619H253.993V54.3416H250.044V31.9619Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip12_321_57687)">
<path d="M259.394 30.6453H263.343V54.3415H259.394V30.6453Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M259.394 37.5568H263.343V54.3416H259.394V37.5568Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip13_321_57687)">
<path d="M268.74 30.6453H272.689V54.3415H268.74V30.6453Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M268.74 37.5568H272.689V54.3416H268.74V37.5568Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip14_321_57687)">
<path d="M278.086 26.6959H282.035V54.3415H278.086V26.6959Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M278.086 34.7598H282.035V54.342H278.086V34.7598Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip15_321_57687)">
<path d="M287.432 18.7974H291.382V54.3417H287.432V18.7974Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M287.432 29.1644H291.382V54.3416H287.432V29.1644Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip16_321_57687)">
<path d="M296.779 10.8982H300.728V54.3412H296.779V10.8982Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M296.779 23.5695H300.728V54.3417H296.779V23.5695Z" fill="#ADB5BD"/>
</g>
<g clip-path="url(#clip17_321_57687)">
<path d="M306.129 30.6453H310.078V54.3415H306.129V30.6453Z" fill="#ADB5BD" fill-opacity="0.9"/>
<path d="M306.129 37.5568H310.078V54.3416H306.129V37.5568Z" fill="#ADB5BD"/>
</g>
</g>
</g>
<g clip-path="url(#clip18_321_57687)">
<rect x="166" y="71" width="147" height="118" rx="4" fill="white"/>
<rect x="171" y="90" width="138" height="6" rx="1" fill="#F4F6F8"/>
<path d="M179.953 94.1348L179.168 93.3496C179.338 93.1445 179.432 92.8809 179.432 92.5938C179.432 91.9258 178.881 91.375 178.213 91.375C177.539 91.375 177 91.9258 177 92.5938C177 93.2676 177.545 93.8125 178.213 93.8125C178.494 93.8125 178.758 93.7188 178.969 93.5488L179.754 94.334C179.783 94.3633 179.818 94.375 179.859 94.375C179.895 94.375 179.93 94.3633 179.953 94.334C180.012 94.2812 180.012 94.1934 179.953 94.1348ZM177.281 92.5938C177.281 92.0781 177.697 91.6562 178.219 91.6562C178.734 91.6562 179.156 92.0781 179.156 92.5938C179.156 93.1152 178.734 93.5312 178.219 93.5312C177.697 93.5312 177.281 93.1152 177.281 92.5938Z" fill="#ADB5BD"/>
<rect x="171" y="78" width="103" height="4" rx="0.5" fill="#ADB5BD"/>
<g filter="url(#filter0_d_321_57687)">
<rect x="171" y="98" width="138" height="128" rx="2" fill="white" shape-rendering="crispEdges"/>
<rect width="138" height="10" transform="translate(171 98)" fill="#E9ECEF"/>
<rect x="176" y="103" width="12" height="2" rx="0.5" fill="#ADB5BD"/>
<rect x="228" y="103" width="18" height="2" rx="0.5" fill="#ADB5BD"/>
<rect x="286" y="103" width="18" height="2" rx="0.5" fill="#ADB5BD"/>
<rect x="176" y="111" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="111" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="111" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 116.75H171V117.25H309V116.75Z" fill="#E9ECEF" mask="url(#path-49-inside-1_321_57687)"/>
<rect x="176" y="120" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="120" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="120" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 125.75H171V126.25H309V125.75Z" fill="#E9ECEF" mask="url(#path-54-inside-2_321_57687)"/>
<rect x="176" y="129" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="129" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="129" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 134.75H171V135.25H309V134.75Z" fill="#E9ECEF" mask="url(#path-59-inside-3_321_57687)"/>
<rect x="176" y="138" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="138" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="138" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 143.75H171V144.25H309V143.75Z" fill="#E9ECEF" mask="url(#path-64-inside-4_321_57687)"/>
<rect x="176" y="147" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="147" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="147" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 152.75H171V153.25H309V152.75Z" fill="#E9ECEF" mask="url(#path-69-inside-5_321_57687)"/>
<rect x="176" y="156" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="156" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="156" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 161.75H171V162.25H309V161.75Z" fill="#E9ECEF" mask="url(#path-74-inside-6_321_57687)"/>
<rect x="176" y="165" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="165" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="165" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 170.75H171V171.25H309V170.75Z" fill="#E9ECEF" mask="url(#path-79-inside-7_321_57687)"/>
<rect x="176" y="174" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="174" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="174" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 179.75H171V180.25H309V179.75Z" fill="#E9ECEF" mask="url(#path-84-inside-8_321_57687)"/>
<rect x="176" y="183" width="12" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="228" y="183" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<rect x="286" y="183" width="18" height="3" rx="0.5" fill="#E9ECEF"/>
<path d="M309 188.75H171V189.25H309V188.75Z" fill="#E9ECEF" mask="url(#path-89-inside-9_321_57687)"/>
</g>
</g>
<rect x="166.25" y="71.25" width="146.5" height="117.5" rx="3.75" stroke="#F4F6F8" stroke-width="0.5"/>
<defs>
<filter id="filter0_d_321_57687" x="169" y="97" width="142" height="132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_321_57687"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_321_57687" result="shape"/>
</filter>
<clipPath id="clip0_321_57687">
<rect width="156" height="51.3418" fill="white" transform="translate(160 3)"/>
</clipPath>
<clipPath id="clip1_321_57687">
<rect width="156" height="51.3418" fill="white" transform="translate(160 3)"/>
</clipPath>
<clipPath id="clip2_321_57687">
<rect width="3.94937" height="27.6456" fill="white" transform="translate(165.924 26.6958)"/>
</clipPath>
<clipPath id="clip3_321_57687">
<rect width="3.94937" height="43.443" fill="white" transform="translate(175.271 10.8984)"/>
</clipPath>
<clipPath id="clip4_321_57687">
<rect width="3.94937" height="11.8481" fill="white" transform="translate(184.617 42.4939)"/>
</clipPath>
<clipPath id="clip5_321_57687">
<rect width="3.94937" height="39.4937" fill="white" transform="translate(193.964 14.8479)"/>
</clipPath>
<clipPath id="clip6_321_57687">
<rect width="3.94937" height="31.5949" fill="white" transform="translate(203.312 22.7463)"/>
</clipPath>
<clipPath id="clip7_321_57687">
<rect width="3.94937" height="11.8481" fill="white" transform="translate(212.659 42.4939)"/>
</clipPath>
<clipPath id="clip8_321_57687">
<rect width="3.94937" height="27.6456" fill="white" transform="translate(222.005 26.6959)"/>
</clipPath>
<clipPath id="clip9_321_57687">
<rect width="3.94937" height="39.4937" fill="white" transform="translate(231.352 14.8479)"/>
</clipPath>
<clipPath id="clip10_321_57687">
<rect width="3.94937" height="27.6456" fill="white" transform="translate(240.698 26.6958)"/>
</clipPath>
<clipPath id="clip11_321_57687">
<rect width="3.94937" height="31.5949" fill="white" transform="translate(250.045 22.7464)"/>
</clipPath>
<clipPath id="clip12_321_57687">
<rect width="3.94937" height="23.6962" fill="white" transform="translate(259.393 30.6454)"/>
</clipPath>
<clipPath id="clip13_321_57687">
<rect width="3.94937" height="23.6962" fill="white" transform="translate(268.74 30.6454)"/>
</clipPath>
<clipPath id="clip14_321_57687">
<rect width="3.94937" height="27.6456" fill="white" transform="translate(278.086 26.6958)"/>
</clipPath>
<clipPath id="clip15_321_57687">
<rect width="3.94937" height="35.5443" fill="white" transform="translate(287.433 18.7974)"/>
</clipPath>
<clipPath id="clip16_321_57687">
<rect width="3.94937" height="43.443" fill="white" transform="translate(296.779 10.8984)"/>
</clipPath>
<clipPath id="clip17_321_57687">
<rect width="3.94937" height="23.6962" fill="white" transform="translate(306.128 30.6454)"/>
</clipPath>
<clipPath id="clip18_321_57687">
<rect x="166" y="71" width="147" height="118" rx="4" fill="white"/>
</clipPath>
</defs>
</svg>