Data Transformation

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#e8edf2"
        d="M511.998 60.443v289.633c0 15.741-12.753 28.494-28.494 28.494H121.985c-15.741 0-28.494-12.753-28.494-28.494V87.692L232.07 57.953c4.914 0 9.632-1.957 13.114-5.44l16.369-16.38a18.584 18.584 0 0 1 13.114-5.429z"
    />
    <path
        fill="#d9e7ec"
        d="M299.577 33.819a18.695 18.695 0 0 0-2.812 2.308l-16.37 16.38a18.569 18.569 0 0 1-13.114 5.439L128.702 87.687v262.385c0 15.741 12.754 28.494 28.484 28.494h-35.201c-15.741 0-28.494-12.753-28.494-28.494V87.687L232.07 57.946c4.914 0 9.632-1.957 13.114-5.439l16.37-16.38a18.584 18.584 0 0 1 13.114-5.429z"
    />
    <path
        fill="#9be69d"
        d="M511.998 28.498v31.946H274.667a18.584 18.584 0 0 0-13.114 5.429l-16.369 16.38a18.552 18.552 0 0 1-13.114 5.44H93.491V28.498c0-15.741 12.754-28.494 28.494-28.494h361.518c15.741-.001 28.495 12.753 28.495 28.494z"
    />
    <path
        fill="#6fd7a3"
        d="M157.186 0c-15.731 0-28.484 12.753-28.484 28.494v59.194H93.491V28.494C93.491 12.753 106.244 0 121.985 0z"
    />
    <g fill="#e8edf2">
        <circle cx="142.554" cy="44.035" r="18.837" />
        <circle cx="204.996" cy="44.035" r="18.837" />
    </g>
    <path
        fill="#ffe177"
        d="M.002 276.884v208.215c0 14.856 12.043 26.899 26.899 26.899H275.53c14.856 0 26.899-12.043 26.899-26.899V331.051c0-14.856-12.043-26.899-26.899-26.899h-78.348a26.9 26.9 0 0 1-19.647-8.526l-34.71-37.115a26.899 26.899 0 0 0-19.647-8.526H26.902c-14.856 0-26.9 12.043-26.9 26.899z"
    />
    <path
        fill="#ffd15b"
        d="M65.83 512H26.9C12.045 512 .002 499.957.002 485.102V276.884c0-14.855 12.043-26.898 26.898-26.898h38.93c-14.855 0-26.908 12.043-26.908 26.898v208.218C38.922 499.957 50.975 512 65.83 512z"
    />
    <path
        fill="#fe646f"
        d="M460.088 228.929c-6.53 36.448-29.004 68.078-60.876 86.39l3.339 18.337c.988 5.423-4.266 9.881-9.456 8.024l-63.691-22.786c-5.189-1.857-6.423-8.634-2.221-12.201l51.571-43.771c4.202-3.567 10.69-1.247 11.678 4.176l2.778 15.258c18.996-14.169 32.211-35.169 36.458-58.877 1.505-8.4 9.535-13.99 17.935-12.485 8.4 1.504 13.99 9.534 12.485 17.935z"
    />
    <path
        fill="#82aee3"
        d="M231.017 273.668c37.029 0 72.126-16.544 95.771-44.688l17.461 6.52c5.164 1.928 10.479-2.457 9.566-7.893l-11.197-66.711c-.912-5.435-7.366-7.845-11.618-4.338l-52.18 43.044c-4.252 3.508-3.112 10.303 2.051 12.231l14.529 5.426c-17.297 16.2-40.298 25.504-64.384 25.504-8.534 0-15.453 6.918-15.453 15.453.001 8.534 6.92 15.452 15.454 15.452z"
    />
    <g fill="#7a8c98">
        <path
            d="M256.001 478.657H179.21a7.726 7.726 0 1 1 0-15.452h76.791a7.726 7.726 0 1 1 0 15.452zM256.001 449.963H179.21a7.726 7.726 0 1 1 0-15.452h76.791a7.726 7.726 0 1 1 0 15.452zM387.658 154.715a7.704 7.704 0 0 1-5.463-2.263l-23.866-23.866a7.726 7.726 0 0 1 0-10.926l23.866-23.866a7.725 7.725 0 0 1 10.927 0 7.725 7.725 0 0 1 0 10.927l-18.403 18.402 18.403 18.403a7.725 7.725 0 0 1-5.464 13.189zM454.488 154.715a7.725 7.725 0 0 1-5.463-13.19l18.403-18.403-18.403-18.402a7.727 7.727 0 0 1 10.927-10.927l23.866 23.866a7.726 7.726 0 0 1 0 10.926l-23.866 23.866a7.699 7.699 0 0 1-5.464 2.264zM409.132 170.796a7.728 7.728 0 0 1-7.364-10.075l25.459-79.89a7.73 7.73 0 0 1 9.708-5.016 7.728 7.728 0 0 1 5.016 9.708l-25.459 79.89a7.73 7.73 0 0 1-7.36 5.383z"
        />
    </g>
</svg>