Bar Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="12"
        x2="20"
        y1="25"
        y2="25"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6d6ef9" />
        <stop offset="1" stop-color="#7cabf5" />
    </linearGradient>
    <linearGradient id="d" x1="3" x2="11" y1="22" y2="22" href="#a" />
    <linearGradient id="e" x1="21" x2="29" y1="21" y2="21" href="#a" />
    <linearGradient
        id="b"
        x1="16.41"
        x2="24.53"
        y1="10.54"
        y2="10.54"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#039be5" />
        <stop offset="1" stop-color="#b3e5fc" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="7.77"
        x2="15.25"
        y1="12.51"
        y2="12.51"
        href="#b"
    />
    <linearGradient
        id="c"
        x1="4"
        x2="10"
        y1="9"
        y2="9"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f57c00" />
        <stop offset="1" stop-color="#ffc107" />
    </linearGradient>
    <linearGradient id="g" x1="13" x2="19" y1="16" y2="16" href="#c" />
    <linearGradient id="h" x1="22" x2="28" y1="5" y2="5" href="#c" />
    <linearGradient
        id="i"
        x1="2"
        x2="30"
        y1="29"
        y2="29"
        gradientTransform="translate(.12 -.07)"
        href="#a"
    />
    <g>
        <rect width="8" height="10" x="12" y="20" fill="url(#a)" rx="1" />
        <path fill="#3949ab" d="M20 27v1h-8v-7a1 1 0 0 1 1-1v7z" opacity=".5" />
        <rect width="8" height="16" x="3" y="14" fill="url(#d)" rx="1" />
        <path fill="#3949ab" d="M11 27v1H3V15a1 1 0 0 1 1-1v13z" opacity=".5" />
        <rect width="8" height="18" x="21" y="12" fill="url(#e)" rx="1" />
        <path
            fill="url(#b)"
            d="M17.41 15.28a1 1 0 0 1-.77-1.64l6.11-7.47A1 1 0 0 1 24.16 6a1 1 0 0 1 .14 1.4l-6.12 7.48a1 1 0 0 1-.77.4z"
        />
        <path
            fill="url(#f)"
            d="M14.25 15.64a1 1 0 0 1-.61-.21l-5.49-4.27a1 1 0 0 1 1.23-1.58l5.49 4.27a1 1 0 0 1 .17 1.4 1 1 0 0 1-.79.39z"
        />
        <g fill="#fff">
            <path
                d="M17 20.1v8.8a1 1 0 1 1-2 0v-8.8a.34.34 0 0 1 0-.1h2a.34.34 0 0 1 0 .1zM7 30a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
            />
            <circle cx="7" cy="21" r="1" />
            <circle cx="7" cy="18" r="1" />
            <circle cx="25" cy="26" r="1" />
            <circle cx="25" cy="23" r="1" />
            <path
                d="M26 12.11v7.78a1 1 0 1 1-2 0v-7.78a.37.37 0 0 1 0-.11h2a.37.37 0 0 1 0 .11z"
            />
        </g>
        <circle cx="7" cy="9" r="3" fill="url(#c)" />
        <path
            fill="#e65100"
            d="M7.5 12a2.07 2.07 0 0 1-.5 0 3 3 0 0 1 0-6 2.07 2.07 0 0 1 .5 0 3 3 0 0 0 0 5.9z"
            opacity=".5"
        />
        <circle cx="16" cy="16" r="3" fill="url(#g)" />
        <circle cx="25" cy="5" r="3" fill="url(#h)" />
        <path
            fill="#e65100"
            d="M16.5 19a2.07 2.07 0 0 1-.5 0 3 3 0 0 1 0-6 2.07 2.07 0 0 1 .5.05 3 3 0 0 0 0 5.9zM25.5 8a2.07 2.07 0 0 1-.5 0 3 3 0 0 1 0-6 2.07 2.07 0 0 1 .5 0 3 3 0 0 0 0 5.9z"
            opacity=".5"
        />
        <path
            fill="url(#i)"
            d="M29 30.05 3 30a1 1 0 0 1-1-1 1 1 0 0 1 1-1l26 .1a1 1 0 0 1 1 1 1 1 0 0 1-1 .95z"
        />
        <path
            fill="#3949ab"
            d="M29 27v1h-8V13a1 1 0 0 1 1-1v15z"
            opacity=".5"
        />
    </g>
</svg>