Data Visualization

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path fill="#d7e6ef" d="M24 24h464v464H24z" />
    <path
        fill="#7b90a2"
        d="M256 368a8 8 0 0 0-8 8v64a8 8 0 0 0 16 0v-64a8 8 0 0 0-8-8zM398.34 409.66a8 8 0 0 0 11.32-11.32l-68-68a8 8 0 0 0-11.31 11.31zM108 412a8 8 0 0 0 5.66-2.34l68-68a8 8 0 0 0-11.31-11.31l-68 68A8 8 0 0 0 108 412zM162.34 237.66a8 8 0 0 0 11.32-11.32l-60-60a8 8 0 0 0-11.32 11.32zM344 240a8 8 0 0 0 5.66-2.34l60-60a8 8 0 1 0-11.32-11.32l-60 60A8 8 0 0 0 344 240zM256 208a8 8 0 0 0 8-8v-56a8 8 0 0 0-16 0v56a8 8 0 0 0 8 8z"
    />
    <path fill="#fac536" d="M24 24h464v64H24z" />
    <circle cx="256" cy="448" r="16" fill="#44394a" />
    <circle cx="404" cy="404" r="16" fill="#44394a" />
    <circle cx="404" cy="172" r="16" fill="#44394a" />
    <circle cx="108" cy="404" r="16" fill="#44394a" />
    <circle cx="108" cy="172" r="16" fill="#44394a" />
    <path
        fill="#fff"
        d="M440 288s-82.38-96-184-96-184 96-184 96 82.38 96 184 96 184-96 184-96z"
    />
    <path
        fill="#332b38"
        d="M155.53 221c-17.85 39.3-17.85 94.62 0 133.92 28.89 16.24 63.39 29 100.47 29s71.58-12.8 100.47-29c17.85-39.3 17.85-94.62 0-133.92-28.89-16.2-63.39-29-100.47-29s-71.58 12.8-100.47 29z"
    />
    <circle cx="256" cy="288" r="24" fill="#fac536" />
    <circle cx="256" cy="136" r="16" fill="#44394a" />
    <g fill="#fff">
        <circle cx="120" cy="56" r="8" />
        <circle cx="88" cy="56" r="8" />
        <circle cx="56" cy="56" r="8" />
        <path
            d="M208 64h96a8 8 0 0 0 0-16h-96a8 8 0 0 0 0 16zM408 64h40a8 8 0 0 0 0-16h-40a8 8 0 0 0 0 16zM312 296a8 8 0 0 0 8-8 64.07 64.07 0 0 0-64-64 8 8 0 0 0 0 16 48.05 48.05 0 0 1 48 48 8 8 0 0 0 8 8zM256 352a8 8 0 0 0 0-16 48.05 48.05 0 0 1-48-48 8 8 0 0 0-16 0 64.07 64.07 0 0 0 64 64z"
        />
        <circle cx="224" cy="240" r="8" />
        <circle cx="288" cy="336" r="8" />
    </g>
</svg>