Data Transformation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#64c8f0" d="M4 42h22v8H4z" />
    <path
        fill="#fa6450"
        d="m54 24-6 8h4c0 11.028-8.972 20-20 20-1.372 0-2.706-.153-4-.418v4.072A24.07 24.07 0 0 0 32 56c13.255 0 24-10.745 24-24h4z"
    />
    <path fill="#fab400" d="M14 44h8v4h-8z" />
    <path fill="#fa6450" d="M12 48H8v-4h4z" />
    <path fill="#64c8f0" d="M4 52h22v8H4z" />
    <path fill="#46aad2" d="M4 42h4v8H4zM4 52h4v8H4z" />
    <path fill="#fab400" d="M14 54h8v4h-8z" />
    <path fill="#fa6450" d="M12 58H8v-4h4z" />
    <circle cx="32" cy="32" r="10" fill="#fab400" />
    <path
        fill="#dc9600"
        d="M24 32c0-5.185 3.947-9.448 9-9.95-.329-.032-.662-.05-1-.05-5.523 0-10 4.477-10 10s4.477 10 10 10c.338 0 .671-.018 1-.05-5.053-.502-9-4.765-9-9.95z"
    />
    <path
        fill="#f0f0f0"
        d="M39 33v-2h-2.12a4.968 4.968 0 0 0-.712-1.754l1.488-1.488-1.414-1.414-1.488 1.488A5.005 5.005 0 0 0 33 27.114V25h-2v2.114a4.986 4.986 0 0 0-1.754.718l-1.488-1.488-1.414 1.414 1.488 1.488A4.968 4.968 0 0 0 27.12 31H25v2h2.12c.13.635.366 1.232.712 1.754l-1.488 1.488 1.414 1.414 1.488-1.488a5.005 5.005 0 0 0 1.754.718V39h2v-2.114a4.986 4.986 0 0 0 1.754-.718l1.488 1.488 1.414-1.414-1.488-1.488A4.976 4.976 0 0 0 36.88 33zm-7 2c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3z"
    />
    <path fill="#d2d2d2" d="M40 4h16v14H40z" />
    <path fill="#f0f0f0" d="M44 8h16v14H44z" />
    <path
        fill="#505050"
        d="M48 11.5h4v1h-4zM48 13.5h8v1h-8zM48 15.5h8v1h-8zM48 17.5h8v1h-8z"
    />
    <path
        fill="#3cc8b4"
        d="M32 8C18.745 8 8 18.745 8 32H4l6 8 6-8h-4c0-11.028 8.972-20 20-20 2.09 0 4.105.325 6 .922V8.756A24.071 24.071 0 0 0 32 8z"
    />
    <path
        fill="#1eaa96"
        d="M6 32h4C10 19.118 20.151 8.609 32.89 8.028 32.593 8.017 32.299 8 32 8 18.745 8 8 18.745 8 32H4l6 8 1-1.333z"
    />
</svg>