Bar Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <radialGradient
        id="a"
        cx="-7.135"
        cy="351.893"
        r="85.258"
        gradientTransform="matrix(0 1 -.717 0 245.044 359.028)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fbe2dd" />
        <stop offset=".514" stop-color="#eab1b7" />
        <stop offset="1" stop-color="#e4989d" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="107.483"
        cy="375.117"
        r="85.962"
        gradientTransform="matrix(-1 0 0 -1.882 214.965 1080.888)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".099" stop-color="#dd636e" />
        <stop offset=".617" stop-color="#d82e3d" />
        <stop offset=".726" stop-color="#d32e3b" />
        <stop offset=".859" stop-color="#c42f37" />
        <stop offset="1" stop-color="#ac3030" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="126.286"
        cy="272.874"
        r="139.093"
        gradientTransform="matrix(0 1 -.717 0 321.837 146.588)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fffbe4" />
        <stop offset=".554" stop-color="#f9efaf" />
        <stop offset=".628" stop-color="#f8eea7" />
        <stop offset="1" stop-color="#f6e781" />
    </radialGradient>
    <radialGradient
        id="d"
        cx="240.903"
        cy="313.088"
        r="148.726"
        gradientTransform="matrix(-1 0 0 -1.882 481.807 902.154)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f4dd45" />
        <stop offset=".236" stop-color="#f2d740" />
        <stop offset=".552" stop-color="#edc631" />
        <stop offset=".597" stop-color="#ecc32e" />
        <stop offset="1" stop-color="#e49824" />
    </radialGradient>
    <radialGradient
        id="e"
        cx="259.706"
        cy="193.855"
        r="194.664"
        gradientTransform="matrix(0 1 -.717 0 398.629 -65.852)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e7f6ec" />
        <stop offset=".514" stop-color="#daefc8" />
        <stop offset="1" stop-color="#cbe7af" />
    </radialGradient>
    <radialGradient
        id="f"
        cx="374.324"
        cy="251.059"
        r="211.516"
        gradientTransform="matrix(-1 0 0 -1.882 748.648 723.42)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#aad880" />
        <stop offset=".165" stop-color="#a6d67a" />
        <stop offset=".385" stop-color="#9bd069" />
        <stop offset=".597" stop-color="#8bc852" />
        <stop offset="1" stop-color="#528e61" />
    </radialGradient>
    <radialGradient
        id="g"
        cx="393.127"
        cy="114.836"
        r="250.819"
        gradientTransform="matrix(0 1 -.717 0 475.422 -278.291)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f4fbff" />
        <stop offset=".514" stop-color="#cbe2ff" />
        <stop offset="1" stop-color="#bed8fb" />
    </radialGradient>
    <radialGradient
        id="h"
        cx="507.745"
        cy="189.03"
        r="274.315"
        gradientTransform="matrix(-1 0 0 -1.882 1015.489 544.686)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#80b4fb" />
        <stop offset=".146" stop-color="#7aaffb" />
        <stop offset=".342" stop-color="#69a1fa" />
        <stop offset=".516" stop-color="#5490f9" />
        <stop offset="1" stop-color="#407093" />
    </radialGradient>
    <radialGradient
        id="i"
        cx="430.566"
        cy="1124.016"
        r="242.978"
        gradientTransform="matrix(.931 0 0 .112 -147.994 334.584)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c6c1c8" />
        <stop offset=".243" stop-color="#dddbdf" />
        <stop offset=".496" stop-color="#f1f1f4" />
        <stop offset=".888" stop-color="#fff" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M0 323.213v136.692h29.441l12.054-68.346-12.054-68.346z"
    />
    <path fill="url(#b)" d="M29.441 323.213h82.297v136.691H29.441z" />
    <path
        fill="url(#c)"
        d="M133.421 223.213v236.692h29.441l12.053-68.346-12.053-168.346z"
    />
    <path fill="url(#d)" d="M162.862 223.213h82.297v236.691h-82.297z" />
    <path
        fill="url(#e)"
        d="M266.841 123.213v336.692h29.442l12.053-68.346-12.053-268.346z"
    />
    <path fill="url(#f)" d="M296.283 123.213h82.297v336.691h-82.297z" />
    <path
        fill="url(#g)"
        d="M400.262 23.213v436.692h29.441l12.054-68.346-12.054-368.346z"
    />
    <path fill="url(#h)" d="M429.703 23.213H512v436.691h-82.297z" />
    <path
        fill="url(#i)"
        d="M256 488.787c130.197 0 235.742-12.931 235.742-28.882H20.258c0 15.951 105.545 28.882 235.742 28.882z"
    />
</svg>