// Generated by orrery. Edit the diagram spec and re-render instead of editing this file.
import { type SVGProps, useId } from "react";

export default function DataLakeOnAWS(props: SVGProps<SVGSVGElement>) {
  const uid = useId().replace(/[^A-Za-z0-9_-]/g, "");
  return (
    <svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" width="943" height="1682" viewBox="0 0 943 1682" role="img" aria-labelledby={`${uid}-sdw-title ${uid}-sdw-desc`} fontFamily="'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace" {...props}>
      <title id={`${uid}-sdw-title`}>
        Data lake on AWS
      </title>
      <desc id={`${uid}-sdw-desc`}>
        Data lake on AWS. 15 components in 7 groups. Connections: Web and mobile apps to Amazon Data Firehose; Amazon Data Firehose to Raw bucket; Orders database to AWS Database Migration Service; AWS Database Migration Service to Raw bucket; Raw bucket to Clean and convert; Clean and convert to Curated bucket; Curated bucket to Aggregate; Aggregate to Analytics bucket; Analytics bucket to Amazon Athena; Analytics bucket to Amazon Redshift; Amazon Athena to Amazon Quick Sight; Amazon Redshift to Amazon Quick Sight; AWS Glue crawlers to AWS Glue Data Catalog; AWS Lake Formation to AWS Glue Data Catalog; AWS Glue Data Catalog to Amazon Athena (table metadata); AWS Glue Data Catalog to Amazon Redshift (table metadata).
      </desc>
      <defs>
        <linearGradient id={`${uid}-bg`} x1="0" y1="0" x2="0.34" y2="0.94">
          <stop offset="0" stopColor="#0e1a24" />
          <stop offset="0.6" stopColor="#0b1012" />
        </linearGradient>
        <pattern id={`${uid}-grid`} width="21.43" height="21.43" patternUnits="userSpaceOnUse">
          <path d="M0 0.54H21.43M0.54 0V21.43" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1.07" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="315" cy="860" r="638.93">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
        <symbol id={`${uid}-s1`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#fff" />
            <path fill="#232f3e" d="M32.698 23.9c.361.47-.4 2.4-.74 3.264-.105.262.117.365.35.168 1.512-1.284 1.904-3.975 1.593-4.363-.307-.386-2.95-.717-4.563.432-.249.177-.206.42.07.389.907-.112 2.93-.357 3.29.11m-.842 2.01c.518-.378.074-.941-.454-.72-3.513 1.464-7.327 2.173-10.8 2.173-5.143 0-10.127-1.39-14.156-3.695-.352-.202-.613.155-.319.414 3.733 3.316 8.67 5.309 14.147 5.309 3.91 0 8.451-1.208 11.582-3.481m-2.144-5.215a6.6 6.6 0 0 1-1.459-.161q-.714-.163-1.093-.373-.233-.128-.29-.258a.7.7 0 0 1-.059-.26v-.47q0-.29.216-.292.083.002.173.033.091.034.241.098.48.21 1.044.324.564.113 1.126.113.895 0 1.384-.308a.97.97 0 0 0 .49-.873.88.88 0 0 0-.258-.65q-.256-.258-.952-.484l-1.375-.421q-1.045-.325-1.517-.938a2.17 2.17 0 0 1-.472-1.347q0-.581.258-1.027.255-.445.676-.761.427-.314.99-.478a4.3 4.3 0 0 1 1.19-.162q.315 0 .64.04a6.3 6.3 0 0 1 1.15.252q.248.082.4.162a.9.9 0 0 1 .28.227.5.5 0 0 1 .083.308v.436q0 .291-.217.29-.114.002-.364-.111c-.54-.24-1.15-.356-1.82-.356q-.815 0-1.262.258-.448.26-.448.827 0 .388.283.655.281.267 1.044.51l1.342.423q1.028.322 1.466.888.441.568.441 1.295 0 .6-.25 1.078-.248.477-.689.817a3.1 3.1 0 0 1-1.05.518q-.615.179-1.343.178m-12.165-.244q-.248.002-.365-.087-.117-.09-.199-.365l-2.222-7.157a1.8 1.8 0 0 1-.082-.371q0-.227.233-.227h.927q.265 0 .374.09.106.086.19.364l1.59 6.12 1.477-6.12q.066-.278.181-.364.116-.09.38-.09h.765q.263 0 .38.09.116.086.182.364l1.493 6.2 1.64-6.2q.082-.278.19-.364.109-.09.373-.09h.878q.233 0 .233.227a1 1 0 0 1-.016.144 2 2 0 0 1-.068.227l-2.286 7.157q-.083.275-.2.365-.116.088-.364.087h-.813q-.264.001-.38-.094-.116-.099-.182-.373l-1.476-5.96-1.457 5.96q-.067.274-.183.373-.116.095-.38.094zM9.94 19.449q.465 0 .98-.17.513-.17.893-.592.232-.259.324-.591.09-.33.09-.801v-.388a8 8 0 0 0-1.757-.211q-.945 0-1.408.373-.464.37-.465 1.07 0 .645.35.978.347.332.993.332m3.846-1.408q0 .517.107.825.11.31.307.664a.4.4 0 0 1 .066.209q0 .148-.182.276l-.597.39a.5.5 0 0 1-.248.08.4.4 0 0 1-.282-.128 2 2 0 0 1-.339-.43 6 6 0 0 1-.29-.544q-1.112 1.28-2.785 1.28-1.194.001-1.89-.664-.696-.664-.696-1.78 0-1.182.863-1.903.86-.72 2.32-.721.48 0 1.002.073t1.084.203v-.68q.001-1.052-.446-1.482-.446-.428-1.54-.428a4.5 4.5 0 0 0-1.02.12 7.5 7.5 0 0 0-1.02.315 3 3 0 0 1-.33.122.7.7 0 0 1-.15.024q-.199.001-.2-.292v-.452q.001-.228.068-.323.066-.099.265-.195a6 6 0 0 1 1.192-.421 6 6 0 0 1 1.476-.18c1.126 0 1.952.254 2.477.754q.787.753.788 2.275z" />
          </g>
        </symbol>
        <filter id={`${uid}-f1`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <filter id={`${uid}-f2`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.8504 -2.8608 -0.2888 0 2.4" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s2`} viewBox="0 0 40 40" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="40" height="40" fill="#00a4a6" />
            <path fill="#fff" d="M14 20.026v-9h15.293l-4.147 4.146a.5.5 0 0 0 0 .708l4.147 4.146zm12.207-4.5 4.647-4.646a.5.5 0 0 0-.354-.854H14V8.97A1.528 1.528 0 0 0 13.495 6c-.845 0-1.532.687-1.532 1.531 0 .67.435 1.235 1.037 1.442v24.053h-3v1h7v-1h-3v-12h16.5a.5.5 0 0 0 .354-.854z" />
          </g>
        </symbol>
        <filter id={`${uid}-f3`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#b6b7b8" />
          <feComposite in2="a" operator="in" />
        </filter>
        <filter id={`${uid}-f4`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#0b1012" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s3`} viewBox="0 0 48 48" overflow="visible">
          <g fill="#919394">
            <path fill="#919394" fillRule="evenodd" d="M19.603 6.109a.308.308 0 1 1 0 .616.308.308 0 0 1 0-.616m0 2.115a1.81 1.81 0 0 0 1.808-1.807 1.81 1.81 0 0 0-1.808-1.808 1.81 1.81 0 0 0-1.808 1.808 1.81 1.81 0 0 0 1.808 1.807m3.409-.823h5.362v-2h-5.362zm9.161 36.425H15.812c-.999 0-1.812-.797-1.812-1.776v-1.409h19.986v1.409c0 .979-.814 1.776-1.813 1.776M14 10.802h19.986v27.839H14zM16.646 4h14.693c1.459 0 2.647 1.167 2.647 2.6v2.202H14V6.6C14 5.167 15.187 4 16.646 4m14.708-2H16.646C14.084 2 12 4.064 12 6.6v35.45c0 2.082 1.71 3.776 3.812 3.776h16.361c2.103 0 3.813-1.694 3.813-3.776V6.597c0-2.53-2.076-4.589-4.632-4.597" />
          </g>
        </symbol>
        <symbol id={`${uid}-s4`} viewBox="0 0 256 264" overflow="visible">
          <path d="M255.008 158.086c-1.535-4.649-5.556-7.887-10.756-8.664c-2.452-.366-5.26-.21-8.583.475c-5.792 1.195-10.089 1.65-13.225 1.738c11.837-19.985 21.462-42.775 27.003-64.228c8.96-34.689 4.172-50.492-1.423-57.64C233.217 10.847 211.614.683 185.552.372c-13.903-.17-26.108 2.575-32.475 4.549c-5.928-1.046-12.302-1.63-18.99-1.738c-12.537-.2-23.614 2.533-33.079 8.15c-5.24-1.772-13.65-4.27-23.362-5.864c-22.842-3.75-41.252-.828-54.718 8.685C6.622 25.672-.937 45.684.461 73.634c.444 8.874 5.408 35.874 13.224 61.48c4.492 14.718 9.282 26.94 14.237 36.33c7.027 13.315 14.546 21.156 22.987 23.972c4.731 1.576 13.327 2.68 22.368-4.85c1.146 1.388 2.675 2.767 4.704 4.048c2.577 1.625 5.728 2.953 8.875 3.74c11.341 2.835 21.964 2.126 31.027-1.848c.056 1.612.099 3.152.135 4.482c.06 2.157.12 4.272.199 6.25c.537 13.374 1.447 23.773 4.143 31.049c.148.4.347 1.01.557 1.657c1.345 4.118 3.594 11.012 9.316 16.411c5.925 5.593 13.092 7.308 19.656 7.308c3.292 0 6.433-.432 9.188-1.022c9.82-2.105 20.973-5.311 29.041-16.799c7.628-10.86 11.336-27.217 12.007-52.99q.13-1.094.244-2.088l.16-1.362l1.797.158l.463.031c10.002.456 22.232-1.665 29.743-5.154c5.935-2.754 24.954-12.795 20.476-26.351" />
          <path fill="#336791" d="M237.906 160.722c-29.74 6.135-31.785-3.934-31.785-3.934c31.4-46.593 44.527-105.736 33.2-120.211c-30.904-39.485-84.399-20.811-85.292-20.327l-.287.052c-5.876-1.22-12.451-1.946-19.842-2.067c-13.456-.22-23.664 3.528-31.41 9.402c0 0-95.43-39.314-90.991 49.444c.944 18.882 27.064 142.873 58.218 105.422c11.387-13.695 22.39-25.274 22.39-25.274c5.464 3.63 12.006 5.482 18.864 4.817l.533-.452c-.166 1.7-.09 3.363.213 5.332c-8.026 8.967-5.667 10.541-21.711 13.844c-16.235 3.346-6.698 9.302-.471 10.86c7.549 1.887 25.013 4.561 36.813-11.958l-.47 1.885c3.144 2.519 5.352 16.383 4.982 28.952c-.37 12.568-.617 21.197 1.86 27.937c2.479 6.74 4.948 21.905 26.04 17.386c17.623-3.777 26.756-13.564 28.027-29.89c.901-11.606 2.942-9.89 3.07-20.267l1.637-4.912c1.887-15.733.3-20.809 11.157-18.448l2.64.232c7.99.363 18.45-1.286 24.589-4.139c13.218-6.134 21.058-16.377 8.024-13.686z" />
          <path fill="#fff" d="M108.076 81.525c-2.68-.373-5.107-.028-6.335.902c-.69.523-.904 1.129-.962 1.546c-.154 1.105.62 2.327 1.096 2.957c1.346 1.784 3.312 3.01 5.258 3.28q.423.059.842.058c3.245 0 6.196-2.527 6.456-4.392c.325-2.336-3.066-3.893-6.355-4.35m88.784.073c-.256-1.831-3.514-2.353-6.606-1.923c-3.088.43-6.082 1.824-5.832 3.659c.2 1.427 2.777 3.863 5.827 3.863q.387 0 .78-.054c2.036-.282 3.53-1.575 4.24-2.32c1.08-1.136 1.706-2.402 1.591-3.225" />
          <path fill="#fff" d="M247.802 160.025c-1.134-3.429-4.784-4.532-10.848-3.28c-18.005 3.716-24.453 1.142-26.57-.417c13.995-21.32 25.508-47.092 31.719-71.137c2.942-11.39 4.567-21.968 4.7-30.59c.147-9.463-1.465-16.417-4.789-20.665c-13.402-17.125-33.072-26.311-56.882-26.563c-16.369-.184-30.199 4.005-32.88 5.183c-5.646-1.404-11.801-2.266-18.502-2.376c-12.288-.199-22.91 2.743-31.704 8.74c-3.82-1.422-13.692-4.811-25.765-6.756c-20.872-3.36-37.458-.814-49.294 7.571c-14.123 10.006-20.643 27.892-19.38 53.16c.425 8.501 5.269 34.653 12.913 59.698c10.062 32.964 21 51.625 32.508 55.464c1.347.449 2.9.763 4.613.763c4.198 0 9.345-1.892 14.7-8.33a530 530 0 0 1 20.261-22.926c4.524 2.428 9.494 3.784 14.577 3.92q.016.2.035.398a118 118 0 0 0-2.57 3.175c-3.522 4.471-4.255 5.402-15.592 7.736c-3.225.666-11.79 2.431-11.916 8.435c-.136 6.56 10.125 9.315 11.294 9.607c4.074 1.02 7.999 1.523 11.742 1.523c9.103 0 17.114-2.992 23.516-8.781c-.197 23.386.778 46.43 3.586 53.451c2.3 5.748 7.918 19.795 25.664 19.794c2.604 0 5.47-.303 8.623-.979c18.521-3.97 26.564-12.156 29.675-30.203c1.665-9.645 4.522-32.676 5.866-45.03c2.836.885 6.487 1.29 10.434 1.289c8.232 0 17.731-1.749 23.688-4.514c6.692-3.108 18.768-10.734 16.578-17.36m-44.106-83.48c-.061 3.647-.563 6.958-1.095 10.414c-.573 3.717-1.165 7.56-1.314 12.225c-.147 4.54.42 9.26.968 13.825c1.108 9.22 2.245 18.712-2.156 28.078a37 37 0 0 1-1.95-4.009c-.547-1.326-1.735-3.456-3.38-6.404c-6.399-11.476-21.384-38.35-13.713-49.316c2.285-3.264 8.084-6.62 22.64-4.813m-17.644-61.787c21.334.471 38.21 8.452 50.158 23.72c9.164 11.711-.927 64.998-30.14 110.969a171 171 0 0 0-.886-1.117l-.37-.462c7.549-12.467 6.073-24.802 4.759-35.738c-.54-4.488-1.05-8.727-.92-12.709c.134-4.22.692-7.84 1.232-11.34c.663-4.313 1.338-8.776 1.152-14.037c.139-.552.195-1.204.122-1.978c-.475-5.045-6.235-20.144-17.975-33.81c-6.422-7.475-15.787-15.84-28.574-21.482c5.5-1.14 13.021-2.203 21.442-2.016M66.674 175.778c-5.9 7.094-9.974 5.734-11.314 5.288c-8.73-2.912-18.86-21.364-27.791-50.624c-7.728-25.318-12.244-50.777-12.602-57.916c-1.128-22.578 4.345-38.313 16.268-46.769c19.404-13.76 51.306-5.524 64.125-1.347c-.184.182-.376.352-.558.537c-21.036 21.244-20.537 57.54-20.485 59.759c-.002.856.07 2.068.168 3.735c.362 6.105 1.036 17.467-.764 30.334c-1.672 11.957 2.014 23.66 10.111 32.109a36 36 0 0 0 2.617 2.468c-3.604 3.86-11.437 12.396-19.775 22.426m22.479-29.993c-6.526-6.81-9.49-16.282-8.133-25.99c1.9-13.592 1.199-25.43.822-31.79c-.053-.89-.1-1.67-.127-2.285c3.073-2.725 17.314-10.355 27.47-8.028c4.634 1.061 7.458 4.217 8.632 9.645c6.076 28.103.804 39.816-3.432 49.229c-.873 1.939-1.698 3.772-2.402 5.668l-.546 1.466c-1.382 3.706-2.668 7.152-3.465 10.424c-6.938-.02-13.687-2.984-18.819-8.34m1.065 37.9c-2.026-.506-3.848-1.385-4.917-2.114c.893-.42 2.482-.992 5.238-1.56c13.337-2.745 15.397-4.683 19.895-10.394c1.031-1.31 2.2-2.794 3.819-4.602l.002-.002c2.411-2.7 3.514-2.242 5.514-1.412c1.621.67 3.2 2.702 3.84 4.938c.303 1.056.643 3.06-.47 4.62c-9.396 13.156-23.088 12.987-32.921 10.526m69.799 64.952c-16.316 3.496-22.093-4.829-25.9-14.346c-2.457-6.144-3.665-33.85-2.808-64.447c.011-.407-.047-.8-.159-1.17a15.4 15.4 0 0 0-.456-2.162c-1.274-4.452-4.379-8.176-8.104-9.72c-1.48-.613-4.196-1.738-7.46-.903c.696-2.868 1.903-6.107 3.212-9.614l.549-1.475c.618-1.663 1.394-3.386 2.214-5.21c4.433-9.848 10.504-23.337 3.915-53.81c-2.468-11.414-10.71-16.988-23.204-15.693c-7.49.775-14.343 3.797-17.761 5.53c-.735.372-1.407.732-2.035 1.082c.954-11.5 4.558-32.992 18.04-46.59c8.489-8.56 19.794-12.788 33.568-12.56c27.14.444 44.544 14.372 54.366 25.979c8.464 10.001 13.047 20.076 14.876 25.51c-13.755-1.399-23.11 1.316-27.852 8.096c-10.317 14.748 5.644 43.372 13.315 57.129c1.407 2.521 2.621 4.7 3.003 5.626c2.498 6.054 5.732 10.096 8.093 13.046c.724.904 1.426 1.781 1.96 2.547c-4.166 1.201-11.649 3.976-10.967 17.847c-.55 6.96-4.461 39.546-6.448 51.059c-2.623 15.21-8.22 20.875-23.957 24.25m68.104-77.936c-4.26 1.977-11.389 3.46-18.161 3.779c-7.48.35-11.288-.838-12.184-1.569c-.42-8.644 2.797-9.547 6.202-10.503c.535-.15 1.057-.297 1.561-.473q.469.383 1.032.756c6.012 3.968 16.735 4.396 31.874 1.271l.166-.033c-2.042 1.909-5.536 4.471-10.49 6.772" />
        </symbol>
        <filter id={`${uid}-f5`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#919394" floodOpacity="0.4" />
          <feComposite in2="SourceAlpha" operator="in" result="base" />
          <feFlood floodColor="#919394" />
          <feComposite in2="a" operator="in" result="hi" />
          <feMerge>
            <feMergeNode in="base" />
            <feMergeNode in="hi" />
          </feMerge>
        </filter>
        <symbol id={`${uid}-s5`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="m66.625 44.072-.742 1.856C62.685 44.649 58.784 44 54.288 44v-2c4.752 0 8.902.697 12.337 2.072m-.687-1.123C63.032 41.984 57.152 41 54.288 41v-2c2.896 0 8.751-.983 11.604-1.947l.64 1.894c-1.094.371-2.572.737-4.16 1.057 1.607.319 3.104.684 4.197 1.047zm.673-7.015C63.03 37.305 58.884 38 54.288 38v-2c4.351 0 8.256-.651 11.608-1.934zm-16.356 7.285-10 2.5V34.281l10 2.5zm-12 4.781h-3V32h3zm13.242-12.97-11.242-2.811V31a1 1 0 0 0-1-1h-5a1 1 0 0 0-1 1v.93c-15.202-1.109-17-7.311-17-11.93v-5h-2v5c0 8.469 6.23 13.023 19 13.927v1.036c-7.763-.311-13.337-1.536-17.469-3.836l-.973 1.747c4.429 2.467 10.313 3.77 18.442 4.09v2.014c-5.648-.134-13.299-.508-18.745-1.945L14 38.967c1.633.431 3.449.767 5.342 1.033-1.893.267-3.709.603-5.342 1.033l.51 1.934c5.447-1.437 13.098-1.811 18.745-1.944v2.014c-8.084.316-13.965 1.619-18.439 4.088l.967 1.751c4.175-2.304 9.762-3.52 17.472-3.829v1.021c-16.495 1.214-19 9.834-19 14.932l-.002.392c-.017 3.224-.007 3.582.008 3.715l1.991-.185c-.011-.182-.01-1.366.001-3.519l.002-.403c0-7.62 5.883-12.067 17-12.92V49a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-1.219l11.242-2.811a1 1 0 0 0 .758-.97v-8a1 1 0 0 0-.758-.97" />
          </g>
        </symbol>
        <filter id={`${uid}-f6`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feColorMatrix type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0.8929 3.0038 0.3032 0 -2.604" result="a" />
          <feFlood floodColor="#919394" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s6`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#c925d1" />
            <path fill="#fff" d="M44 67h2v-7h-2zm-9-.14h2V60h-2zM53 65h2v-6h-2zm-27 0h2v-6h-2zm14-30c-7.511 0-12-2.034-12-4v-7.641C30.32 25.022 34.533 26 40 26c4.983 0 10.225-.894 13-2.8V31c0 1.932-5.223 4-13 4m0 10c-7.511 0-12-2.034-12-4v-6.641C30.32 36.022 34.533 37 40 37c4.983 0 10.225-.894 13-2.8V41c0 1.932-5.223 4-13 4m0 10c-7.794 0-12-2.061-12-4v-6.641C30.32 46.022 34.533 47 40 47c4.983 0 10.225-.894 13-2.8V51c0 1.932-5.223 4-13 4m0-39c7.661 0 13 2.108 13 4s-5.339 4-13 4c-7.511 0-12-2.034-12-4s4.489-4 12-4m0-2c-8.505 0-14 2.355-14 6v31c0 3.645 5.495 6 14 6 7.225 0 15-1.877 15-6V20c0-4.123-7.775-6-15-6" />
          </g>
        </symbol>
        <symbol id={`${uid}-s7`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#7aa116" fillRule="evenodd" d="m40.504 26.16.224-1.666c1.784 1.087 2.335 1.715 2.495 1.98-.473.143-1.428.017-2.72-.314m-17.702-6.049c0-.053.043-.096.096-.096.015 0 .026.01.039.017l-.073.147c-.033-.01-.062-.03-.062-.068m13.712 20.687a1 1 0 0 0-.01.133c0 .155-.378.744-2.063 1.41-.751.296-1.638.562-2.638.792-2.575.596-5.74.924-8.907.924-8.466 0-13.607-2.17-13.607-3.126q0-.066-.01-.133L5.442 12.285q.372.215.79.415c.079.038.165.074.247.112a16 16 0 0 0 1.089.453q.413.156.856.3c.087.03.17.06.258.086a27 27 0 0 0 1.522.427 30 30 0 0 0 1.378.32q.548.116 1.117.22l.244.046q.688.12 1.403.224.201.028.406.054.54.075 1.093.14l.453.051q.666.07 1.343.13l.162.013q.756.06 1.519.104l.436.021q.576.029 1.152.047l.45.014q.77.018 1.537.02a72 72 0 0 0 1.987-.034q.577-.019 1.15-.047l.439-.02q.764-.044 1.518-.105l.166-.014q.675-.058 1.338-.129l.457-.052q.55-.065 1.089-.138.207-.027.41-.056a50 50 0 0 0 1.402-.223q.123-.022.247-.047a38 38 0 0 0 2.493-.539l.344-.086q.61-.163 1.178-.34c.087-.028.169-.057.254-.086a19 19 0 0 0 1.954-.756c.079-.037.163-.072.24-.109q.42-.2.792-.416l-1.792 13.306c-3.637-1.167-8.745-3.284-13.58-5.583a2.09 2.09 0 0 0-2.084-1.993 2.1 2.1 0 0 0-2.096 2.096c0 1.155.94 2.095 2.096 2.095.454 0 .872-.149 1.215-.396 4.332 2.08 9.863 4.532 14.18 5.778zM22.896 4c10.419 0 17.76 3.228 17.896 5.021l-.026.208c-.018.062-.057.125-.09.19-.027.051-.047.101-.084.154-.044.062-.11.125-.166.188-.051.055-.094.11-.155.166-.068.061-.155.124-.236.186-.075.058-.141.115-.227.174-.091.06-.2.122-.302.184-.1.06-.19.12-.301.178-.11.06-.24.118-.36.178-.124.061-.24.121-.376.182-.13.057-.276.114-.414.171-.15.06-.291.122-.451.181-.148.056-.314.11-.471.164-.171.06-.335.12-.517.177-.17.054-.355.104-.534.157-.19.056-.373.113-.573.167-.192.052-.4.1-.6.15-.206.051-.406.104-.623.154s-.448.094-.674.141c-.218.045-.43.093-.658.136-.24.046-.497.087-.747.13-.23.04-.453.081-.692.118-.26.04-.536.076-.806.113-.244.033-.482.07-.734.1-.293.036-.602.066-.905.097-.244.026-.48.055-.73.077-.336.031-.688.054-1.034.078-.233.018-.458.038-.696.053-.38.022-.776.036-1.17.053-.215.008-.425.021-.646.028a65 65 0 0 1-3.797 0c-.222-.007-.434-.02-.654-.029-.39-.016-.783-.03-1.161-.052-.25-.016-.488-.037-.733-.055-.333-.024-.673-.046-.996-.076-.251-.022-.487-.052-.732-.077-.303-.03-.612-.06-.904-.097-.25-.03-.487-.066-.73-.1-.27-.037-.548-.072-.81-.113-.247-.038-.48-.082-.718-.123-.241-.042-.488-.08-.72-.125-.231-.044-.446-.092-.67-.138-.222-.047-.45-.09-.663-.14-.216-.049-.415-.102-.622-.153-.2-.05-.408-.098-.6-.15-.202-.054-.387-.112-.58-.169-.176-.05-.36-.102-.526-.155-.185-.059-.351-.119-.524-.18-.155-.053-.318-.106-.463-.16-.162-.06-.303-.123-.453-.183-.138-.057-.285-.114-.413-.17-.134-.06-.251-.12-.375-.182-.121-.06-.251-.118-.361-.179-.11-.059-.202-.119-.302-.179-.101-.06-.21-.122-.3-.182-.087-.06-.155-.118-.231-.177-.08-.06-.165-.123-.231-.183-.063-.057-.107-.114-.16-.169-.055-.062-.118-.124-.162-.185-.038-.054-.057-.106-.085-.16-.032-.062-.071-.124-.088-.184l-.028-.209C5.14 7.227 12.48 4 22.896 4m22.359 22.257c-.213-1.15-1.538-2.368-4.237-3.91l1.716-12.752v-.004l.05-.39a1 1 0 0 0 .01-.13c0-4.167-10.486-7.07-19.898-7.07S3 4.903 3 9.07q0 .066.009.132l.052.39v.002L7.29 41.01c.13 3.676 9.613 5.048 15.606 5.048 3.315 0 6.638-.346 9.357-.975a21 21 0 0 0 2.922-.882c2.166-.855 3.285-1.929 3.329-3.19l1.74-12.93c.953.202 1.818.325 2.537.325.969 0 1.694-.205 2.086-.673.35-.416.488-.94.388-1.475" />
        </symbol>
        <filter id={`${uid}-f7`} x="-0.1" y="-0.1" width="1.2" height="1.2" colorInterpolationFilters="sRGB">
          <feFlood floodColor="#919394" />
          <feComposite in2="SourceAlpha" operator="in" />
        </filter>
        <symbol id={`${uid}-s8`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M33 23h2v-2h-2zm-2 1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m10-7h2v-2h-2zm-2 1v-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1m4 9h2v-2h-2zm-1-4h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m-2 10.5c-1.761 0-8.146-.075-12.299-1.096l10.145 16.062c.1.16.154.345.154.534v2.277c1.404.407 2.701.411 4 .016V49c0-.189.054-.374.154-.534l10.145-16.062C48.146 33.425 41.761 33.5 40 33.5m-15.746-2.808a1.3 1.3 0 0 1-.254-.755c0-2.845 9.384-3.371 14.978-3.432l.021 2c-6.872.075-11.071.859-12.551 1.443 1.57.656 6.195 1.552 13.552 1.552 7.338 0 11.957-.891 13.539-1.546-.646-.261-1.984-.647-4.66-.974l.242-1.985c6.062.74 6.879 1.902 6.879 2.942 0 .273-.095.523-.254.755L44 49.29V52a1 1 0 0 1-.627.928 8.8 8.8 0 0 1-3.307.656c-1.11 0-2.242-.215-3.412-.646A1 1 0 0 1 36 52v-2.71zm22.67 28.925a1 1 0 0 1-.217 1.09l-6 6a.997.997 0 0 1-1.414 0l-6-6A1 1 0 0 1 34 59h3v-3h2v4a1 1 0 0 1-1 1h-1.586L40 64.586 43.586 61H42a1 1 0 0 1-1-1v-4h2v3h3a1 1 0 0 1 .924.617" />
          </g>
        </symbol>
        <symbol id={`${uid}-s9`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#8c4fff" fillRule="evenodd" d="M34 44c-1.731 0-3.288-1.111-4.385-2.875L34 38.202l4.384 2.923C37.288 42.889 35.73 44 34 44m-1-15.929v8.394l-4.266 2.845C28.267 38.028 28 36.561 28 35c0-4.041 1.81-6.51 5-6.929M34 24c.901 0 1.678.955 1.917 2.21A9 9 0 0 0 34 26a9 9 0 0 0-1.917.21C32.322 24.955 33.099 24 34 24m6 11c0 1.561-.267 3.028-.734 4.31L35 36.465v-8.394c3.19.419 5 2.888 5 6.929m6-5h-2c0 1.916-1.15 2.976-2.083 3.523-.182-1.743-.679-3.141-1.396-4.23C41.597 28.517 43 26.942 43 24h-2c0 2.283-1.136 3.347-1.82 3.785a7 7 0 0 0-1.182-.808 5.9 5.9 0 0 0-.669-2.739 5.3 5.3 0 0 0 1.42-2.386A2 2 0 0 0 40 20c0-1.102-.897-2-2-2s-2 .898-2 2c0 .624.293 1.175.742 1.542a3.3 3.3 0 0 1-.712 1.175C35.434 22.272 34.744 22 34 22s-1.434.272-2.031.717a3.3 3.3 0 0 1-.711-1.175c.449-.367.742-.918.742-1.542 0-1.102-.897-2-2-2s-2 .898-2 2c0 .838.519 1.555 1.251 1.852a5.3 5.3 0 0 0 1.419 2.386 5.9 5.9 0 0 0-.668 2.739 7 7 0 0 0-1.188.814C28.133 27.353 27 26.282 27 24h-2c0 2.942 1.402 4.517 2.478 5.293-.716 1.089-1.214 2.487-1.395 4.23C25.15 32.976 24 31.916 24 30h-2c0 3.274 2.332 5.044 4.026 5.728.057 1.176.245 2.302.55 3.35C25.49 39.373 22 40.517 22 43h2c0-.779 1.918-1.695 3.243-2.029l-.061-.245C28.589 43.883 31.115 46 34 46s5.41-2.117 6.818-5.274l-.061.245C42.082 41.305 44 42.221 44 43h2c0-2.483-3.49-3.627-4.576-3.922.305-1.048.493-2.174.549-3.35C43.667 35.044 46 33.274 46 30M17 15h27v-5H17zm-8 8h6v-6H9zm0 7h6v-5H9zm-5 0h3V10H4zM4 8h3V4H4zm5 7h6v-5H9zm0-7h35V4H9zm36-6H3a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h17v-2h-3v-5h5v-2h-5v-6h27v4h2V3a1 1 0 0 0-1-1" />
        </symbol>
        <symbol id={`${uid}-s10`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#8c4fff" fillRule="evenodd" d="M21.306 18.375C23.678 18.932 26.68 19 28 19s4.323-.068 6.695-.625L29 29.764V33h-2v-3.236zM28 15c3.95 0 6.573.561 7.617 1-1.044.441-3.667 1-7.617 1-3.949 0-6.571-.559-7.616-1 1.045-.439 3.667-1 7.616-1m3 20v-4.764l6.642-13.284c.226-.278.358-.593.358-.952 0-2.783-7.654-3-10-3s-10 .217-10 3c0 .359.131.674.358.952L25 30.236V35zM4 2h5v2H6v40h3v2H4zm12 40h24v-2H16zm0-4h24v-2H16zm0-26h24v-2H16zm0-4h24V6H16zm-3 36h29V4H13zm-2 2h33V2H11z" />
        </symbol>
        <symbol id={`${uid}-s11`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M53.937 45.211a4.15 4.15 0 0 0 3.157 1.455 4.16 4.16 0 0 0 4.156-4.157h-2c0 1.19-.967 2.157-2.156 2.157a2.16 2.16 0 0 1-2.157-2.157h-2c0 1.19-.967 2.157-2.156 2.157a2.16 2.16 0 0 1-2.157-2.157h-2a2.16 2.16 0 0 1-2.157 2.157 2.16 2.16 0 0 1-2.157-2.157h-2c0 1.19-.967 2.157-2.155 2.157v2a4.15 4.15 0 0 0 3.155-1.455 4.15 4.15 0 0 0 6.314 0 4.148 4.148 0 0 0 6.313 0m-.878-13.606h-2a2.16 2.16 0 0 1-2.157 2.156 2.16 2.16 0 0 1-2.156-2.156h-2a2.16 2.16 0 0 1-2.158 2.156 2.16 2.16 0 0 1-2.156-2.156h-2a2.16 2.16 0 0 1-2.155 2.156v2a4.15 4.15 0 0 0 3.156-1.455 4.15 4.15 0 0 0 6.313 0 4.15 4.15 0 0 0 6.313 0 4.15 4.15 0 0 0 3.156 1.455v-2a2.16 2.16 0 0 1-2.156-2.156M37.206 58.923a4.15 4.15 0 0 0 3.155-1.455 4.15 4.15 0 0 0 6.313 0 4.15 4.15 0 0 0 3.157 1.455v-2a2.16 2.16 0 0 1-2.157-2.156h-2a2.16 2.16 0 0 1-2.156 2.156 2.16 2.16 0 0 1-2.157-2.156h-2a2.16 2.16 0 0 1-2.155 2.156 2.16 2.16 0 0 1-2.158-2.156h-2a2.16 2.16 0 0 1-2.156 2.156v2a4.15 4.15 0 0 0 3.156-1.455 4.15 4.15 0 0 0 3.158 1.455M23 20h1v-1h-1zm-2 1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1m8-5h1v-1h-1zm-2 1v-3a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1m3 6h1v-1h-1zm2-3a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1zm-3.812 8.075c-1.015 0-4.791-.039-7.642-.562l6.299 9.952c.102.16.156.345.156.535v1.261a4.2 4.2 0 0 0 2 .013V38c0-.189.053-.374.154-.535l6.562-9.935c-2.201.39-5.101.545-7.53.545m-11.122-2.508a2 2 0 0 1-.016-.183c0-.615 0-2.486 9.93-2.68l.04 2c-3.198.062-5.562.367-6.91.68 1.472.343 4.2.691 8.078.691 3.735 0 6.525-.336 8.059-.692a20 20 0 0 0-2.2-.372l.243-1.985c3.576.436 5.035 1.12 5.035 2.358 0 .264-.095.626-.434.972L31 38.289V40a1 1 0 0 1-.627.927 6.2 6.2 0 0 1-2.33.463c-.777 0-1.57-.151-2.39-.452A1 1 0 0 1 25 40v-1.71l-7.676-12.128-.006-.009-.008-.014-.149-.236.015-.01a1 1 0 0 1-.111-.326M27.001 45v-3h-2v2h-2a1 1 0 0 0-.77 1.64l5 6a1 1 0 0 0 1.538 0l5-6A1 1 0 0 0 33 44h-2v-2h-2v3a1 1 0 0 0 1 1h.865L28 49.438 25.135 46H26a1 1 0 0 0 1-1m37-2c0 13.233-10.767 24-24 24S16 56.233 16 43c0-3.658.802-7.169 2.382-10.436l1.8.871A21.8 21.8 0 0 0 18 43c0 12.13 9.87 22 22 22s22-9.87 22-22-9.87-22-22-22c-1.286 0-2.573.111-3.827.331l-.345-1.97c1.367-.24 2.77-.361 4.171-.361C53.234 19 64 29.766 64 43" />
          </g>
        </symbol>
        <symbol id={`${uid}-s12`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M38.295 27.227c4.492 0 6.953 1.006 7.401 1.51-.448.506-2.909 1.512-7.4 1.512-4.493 0-6.954-1.006-7.402-1.511.448-.505 2.909-1.511 7.401-1.511m-.511 8.055a.509.509 0 0 1 .222-.96c.08 0 .154.022.223.058zm5.783 8.309c-.074.06-.245.177-.596.318a8 8 0 0 1-1.103.337c-1.115.262-2.487.406-3.863.406-3.008 0-5.104-.65-5.556-1.053L31.116 31.15c2.044.836 5.054 1.113 7.18 1.113 2.088 0 5.033-.269 7.076-1.073l-.797 5.475c-1.502-.567-3.376-1.389-5.151-2.253a1.484 1.484 0 0 0-1.418-1.088c-.818 0-1.483.676-1.483 1.505 0 .831.665 1.506 1.483 1.506.194 0 .378-.04.547-.109 2.481 1.225 4.33 2.011 5.722 2.496zM28.872 28.847l1.607 15.003c.113 2.784 7.22 2.817 7.526 2.817 1.522 0 3.052-.164 4.31-.458.515-.12.981-.264 1.385-.426 1.174-.471 1.789-1.114 1.832-1.909l.669-4.598c.455.094.827.135 1.124.135.934 0 1.18-.383 1.35-.647.179-.278.23-.62.147-.963-.19-.79-1.305-1.83-2.05-2.447l.941-6.469-.009-.001c.004-.05.02-.096.02-.146 0-2.784-5.927-3.526-9.429-3.526s-9.43.742-9.43 3.526c0 .037.014.07.016.108zm8.964-8.787c8.65 0 15.689 7.144 15.689 15.925 0 8.78-7.038 15.924-15.69 15.924s-15.69-7.143-15.69-15.924 7.038-15.925 15.69-15.925m-24.85 21.775v2.015h8.932v-.12c2.856 6.02 8.908 10.194 15.918 10.194 9.744 0 17.674-8.047 17.674-17.94 0-9.892-7.93-17.94-17.674-17.94-7.583 0-14.045 4.88-16.55 11.701h-8.3v2.015h7.69a18 18 0 0 0-.506 4.03H11v2.015h9.252c.14 1.4.454 2.743.893 4.03zm54.094 24.2c-1.201 1.221-3.283 1.228-4.483.011L51.933 55.221a24 24 0 0 0 4.56-4.545l10.599 10.81c.596.606.925 1.414.923 2.273a3.2 3.2 0 0 1-.935 2.276m1.417-5.972L57.662 49.01a24.1 24.1 0 0 0 3.803-13.025c0-13.226-10.6-23.985-23.63-23.985-9.362 0-17.852 5.62-21.631 14.317l1.816.812c3.461-7.966 11.239-13.114 19.816-13.114 11.935 0 21.644 9.855 21.644 21.97 0 12.113-9.71 21.97-21.644 21.97-7.974 0-15.279-4.43-19.067-11.561l-1.747.957c4.134 7.783 12.11 12.618 20.814 12.618a23.2 23.2 0 0 0 12.424-3.595l10.934 11.098A5.07 5.07 0 0 0 64.828 69c1.38 0 2.679-.547 3.653-1.537a5.23 5.23 0 0 0 1.519-3.7 5.22 5.22 0 0 0-1.503-3.7" />
          </g>
        </symbol>
        <symbol id={`${uid}-s13`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#8c4fff" />
            <path fill="#fff" d="M50.825 35.17a1.92 1.92 0 0 1-1.92-1.916 1.921 1.921 0 0 1 3.84 0 1.92 1.92 0 0 1-1.92 1.916m-4.866 11.655a1.92 1.92 0 0 1-1.92-1.917 1.92 1.92 0 0 1 3.841 0 1.92 1.92 0 0 1-1.92 1.917m-11.678-1.943a1.92 1.92 0 0 1-1.919-1.916 1.92 1.92 0 0 1 3.84 0 1.92 1.92 0 0 1-1.92 1.916m-4.865 10.683a1.92 1.92 0 0 1-1.92-1.916 1.92 1.92 0 0 1 3.84 0 1.92 1.92 0 0 1-1.92 1.916m21.407-26.222a3.92 3.92 0 0 0-3.919 3.911c0 1.322.665 2.488 1.675 3.197l-1.828 4.628a4 4 0 0 0-.794-.081c-1.718 0-3.165 1.117-3.692 2.657l-4.09-.928a3.91 3.91 0 0 0-3.895-3.672 3.92 3.92 0 0 0-3.916 3.911c0 1.008.393 1.92 1.024 2.613l-1.786 4.179c-.063-.004-.122-.02-.186-.02A3.92 3.92 0 0 0 25.5 53.65a3.92 3.92 0 0 0 7.836 0 3.9 3.9 0 0 0-1.817-3.29l1.576-3.686c.377.12.77.203 1.187.203a3.91 3.91 0 0 0 3.503-2.193l4.334.983a3.919 3.919 0 0 0 7.76-.758 3.9 3.9 0 0 0-1.338-2.919l1.92-4.861c.122.012.24.037.364.037a3.92 3.92 0 0 0 3.918-3.91 3.92 3.92 0 0 0-3.918-3.912M40 66.006c-9.731 0-17.002-2.921-17.002-5.533V23.152c3.31 2.69 10.317 4.111 17.023 4.111 6.676 0 13.653-1.41 16.981-4.077v37.287c0 2.612-7.272 5.533-17.002 5.533m.021-52.012c10.007 0 16.981 2.971 16.981 5.638s-6.974 5.637-16.981 5.637S23.04 22.3 23.04 19.632s6.973-5.638 16.981-5.638M59 19.632C59 14.675 49.222 12 40.021 12s-18.979 2.675-18.979 7.632l.002.025H21v40.816C21 65.362 30.79 68 40 68s19-2.638 19-7.527V19.657h-.002z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s14`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none">
            <g clipPath={`url(#${uid}-s14-2a_a)`}>
              <rect width="80" height="80" fill="#dd344c" />
              <path fill="#fff" d="m61.019 23.831-18-10.478a6.01 6.01 0 0 0-6.038 0l-18 10.478A6.02 6.02 0 0 0 16 29.017v21.027a6.02 6.02 0 0 0 2.981 5.186l18 10.478a6 6 0 0 0 3.019.813 6 6 0 0 0 3.019-.814l18-10.477A6.02 6.02 0 0 0 64 50.044V29.017a6.02 6.02 0 0 0-2.981-5.186M19.987 25.56l18-10.478a4 4 0 0 1 4.026 0l18 10.478A4.01 4.01 0 0 1 62 29.017v3.43l-21 11.87V33.03a1 1 0 0 0-1.492-.87L18 44.316v-15.3c0-1.418.762-2.743 1.987-3.456M60.013 53.5l-18 10.479a4.01 4.01 0 0 1-4.026 0l-18-10.478A4.01 4.01 0 0 1 18 50.044v-3.43l21-11.87V46.03a1 1 0 0 0 1.492.87L62 34.745v15.3a4.01 4.01 0 0 1-1.987 3.457" />
            </g>
            <defs>
              <clipPath id={`${uid}-s14-2a_a`}>
                <rect width="80" height="80" fill="#fff" />
              </clipPath>
            </defs>
          </g>
        </symbol>
      </defs>
      <rect width="943" height="1682" fill={`url(#${uid}-bg)`} />
      <rect width="943" height="1682" fill={`url(#${uid}-grid)`} />
      <rect width="943" height="1682" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          DATA LAKE ON AWS
        </tspan>
      </text>
      <text fontSize="11.5" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65.25">
          Streaming and database sources land in S3; Glue refines them zone by zone for Athena, Redshift and Quick Sight
        </tspan>
      </text>
      <g id={`${uid}-g-sources`}>
        <rect x="80" y="96" width="283" height="166" rx="2.14" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="80" y="96" width="283" height="166" rx="2.14" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-cloud`}>
        <rect x="28" y="341" width="887" height="1248" rx="2.14" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="28" y="341" width="887" height="1248" rx="2.14" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-region`}>
        <rect x="48" y="399" width="847" height="1170" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" strokeDasharray="3.21 3.21" />
        <g opacity="0">
          <rect x="48" y="399" width="847" height="1170" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.07" strokeDasharray="3.21 3.21" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-raw-zone`}>
        <rect x="68" y="631" width="164" height="175" rx="2.14" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="68" y="631" width="164" height="175" rx="2.14" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-curated-zone`}>
        <rect x="68" y="880" width="293" height="160" rx="2.14" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="68" y="880" width="293" height="160" rx="2.14" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-analytics-zone`}>
        <rect x="234" y="1114" width="257" height="160" rx="2.14" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="234" y="1114" width="257" height="160" rx="2.14" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-governance`}>
        <rect x="401" y="880" width="474" height="160" rx="2.14" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="401" y="880" width="474" height="160" rx="2.14" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e1`}>
        <path d="M150 242 L150 464.96" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M145.71 459.07 L150 465.5 L154.29 459.07" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M150 242 L150 464.96" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.1395;0.2122;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1395;0.1596;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M145.71 459.07 L150 465.5 L154.29 459.07" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2122;0.2323;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M150 553.5 L150 682.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M145.71 676.57 L150 683 L154.29 676.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M150 553.5 L150 682.46" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.239;0.2837;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.239;0.2591;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M145.71 676.57 L150 683 L154.29 676.57" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2837;0.3037;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M292 242 L292 456.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M287.71 450.57 L292 457 L296.29 450.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M289 562 L289 574 Q289 582 281 582 L158 582 Q150 582 150 590 L150 682.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M145.71 676.57 L150 683 L154.29 676.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M150 786 L150 931.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M145.71 925.57 L150 932 L154.29 925.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M150 786 L150 931.46" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.3104;0.3579;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3104;0.3305;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M145.71 925.57 L150 932 L154.29 925.57" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3579;0.378;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M206 976 L245.46 976" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M239.57 980.29 L246 976 L239.57 971.71" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M206 976 L245.46 976" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.3847;0.4294;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3847;0.4048;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M239.57 980.29 L246 976 L239.57 971.71" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4294;0.4495;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M294 1020 L294 1057 Q294 1065 302 1065 L426 1065 Q434 1065 434 1073 L434 1165.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M429.71 1159.57 L434 1166 L438.29 1159.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M294 1020 L294 1057 Q294 1065 302 1065 L426 1065 Q434 1065 434 1073 L434 1165.46" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.4562;0.5492;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4562;0.4762;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M429.71 1159.57 L434 1166 L438.29 1159.57" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5492;0.5693;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M396 1210 L356.54 1210" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M362.43 1205.71 L356 1210 L362.43 1214.29" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M396 1210 L356.54 1210" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.576;0.6207;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.576;0.5961;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M362.43 1205.71 L356 1210 L362.43 1214.29" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6207;0.6407;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M305 1254 L305 1301 Q305 1309 313 1309 L456 1309 Q464 1309 464 1317 L464 1342.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M459.71 1336.57 L464 1343 L468.29 1336.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M305 1254 L305 1301 Q305 1309 313 1309 L456 1309 Q464 1309 464 1317 L464 1342.46" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.6474;0.7281;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6474;0.6675;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M459.71 1336.57 L464 1343 L468.29 1336.57" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7281;0.7482;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M305 1254 L305 1301 Q305 1309 313 1309 L596 1309 Q604 1309 604 1317 L604 1342.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M599.71 1336.57 L604 1343 L608.29 1336.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M480 1414 L480 1477.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M475.71 1471.57 L480 1478 L484.29 1471.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M480 1414 L480 1477.46" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.29" strokeLinecap="round" strokeLinejoin="round" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.7549;0.7996;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7549;0.775;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M475.71 1471.57 L480 1478 L484.29 1471.57" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7996;0.8197;0.9;0.9201;1" dur="8.961s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e12`}>
        <path d="M622 1414 L622 1426 Q622 1434 614 1434 L488 1434 Q480 1434 480 1442 L480 1477.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M475.71 1471.57 L480 1478 L484.29 1471.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e13`}>
        <path d="M552 976 L591.46 976" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.07 2.68" />
        <path d="M585.57 980.29 L592 976 L585.57 971.71" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e14`}>
        <path d="M726 976 L686.54 976" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.07 2.68" />
        <path d="M692.43 971.71 L686 976 L692.43 980.29" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e15`}>
        <path d="M639 1020 L639 1057 Q639 1065 631 1065 L539 1065 Q531 1065 531 1073 L531 1291 Q531 1299 523 1299 L504 1299 Q496 1299 496 1307 L496 1342.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.07 2.68" />
        <path d="M491.71 1336.57 L496 1343 L500.29 1336.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e16`}>
        <path d="M639 1020 L639 1342.46" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1.07 2.68" />
        <path d="M634.71 1336.57 L639 1343 L643.29 1336.57" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-el-e15`}>
        <rect x="536" y="1183.5" width="93" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.07" />
        <text fontSize="9.25" fontWeight="700" letterSpacing="0.55" fill="#979899" textAnchor="middle">
          <tspan x="582.78" y="1197.28">
            TABLE METADATA
          </tspan>
        </text>
      </g>
      <g id={`${uid}-el-e16`}>
        <rect x="644" y="1183.5" width="93" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.07" />
        <text fontSize="9.25" fontWeight="700" letterSpacing="0.55" fill="#979899" textAnchor="middle">
          <tspan x="690.78" y="1197.28">
            TABLE METADATA
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-sources`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="92" y="118.36">
            SOURCES
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-cloud`}>
        <rect x="28" y="341" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s1`} x="33.38" y="346.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="28" y="341" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s1`} x="33.38" y="346.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="156" y="364.91">
            AWS CLOUD
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-region`}>
        <rect x="48" y="399" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s2`} x="53.38" y="404.38" width="29.24" height="29.24" filter={`url(#${uid}-f3)`} />
        <g opacity="0">
          <rect x="48" y="399" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s2`} x="53.38" y="404.38" width="29.24" height="29.24" filter={`url(#${uid}-f4)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0391;0.0591;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="156" y="422.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-raw-zone`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="80" y="653.36">
            RAW ZONE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-curated-zone`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="156" y="902.36">
            CURATED ZONE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-analytics-zone`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="246" y="1136.36">
            ANALYTICS ZONE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-governance`}>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="413" y="902.36">
            CATALOG AND GOVERNANCE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-apps`}>
        <rect x="126" y="154" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="126" y="154" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s3`} x="135.6" y="163.6" width="28.8" height="28.8" />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="150.45" y="220.44">
            WEB AND MOBILE
          </tspan>
          <tspan x="150.45" y="237.34">
            APPS
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-ordersdb`}>
        <rect x="267.5" y="154" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="267.5" y="154" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s4`} x="276.62" y="163.12" width="29.76" height="29.76" filter={`url(#${uid}-f5)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="291.95" y="220.44">
            ORDERS DATABASE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="291.5" y="237.7">
            PostgreSQL
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-firehose`}>
        <rect x="125.5" y="465.5" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="125.5" y="465.5" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="128.86" y="468.86" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="149.95" y="531.94">
            AMAZON DATA
          </tspan>
          <tspan x="149.95" y="548.84">
            FIREHOSE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-dms`}>
        <rect x="264.5" y="457" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="264.5" y="457" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s6`} x="267.86" y="460.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="288.95" y="523.36">
            AWS DATABASE
          </tspan>
          <tspan x="288.95" y="540.26">
            MIGRATION SERVICE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="288.5" y="557.6">
            Change data capture
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-raw`}>
        <rect x="126" y="683" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="126" y="683" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="136.08" y="693.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="150.45" y="749.44">
            RAW BUCKET
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="150" y="766.7">
            Amazon S3, JSON and
          </tspan>
          <tspan x="150" y="781.7">
            CSV
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-clean`}>
        <rect x="125.5" y="932" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="125.5" y="932" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="128.86" y="935.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="149.94" y="998.36">
            CLEAN AND CONVERT
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="149.5" y="1015.7">
            AWS Glue job
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-curated`}>
        <rect x="269.5" y="932" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="269.5" y="932" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="279.58" y="942.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="293.96" y="998.44">
            CURATED BUCKET
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="293.5" y="1015.7">
            Parquet
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-analytics`}>
        <rect x="281" y="1166" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="281" y="1166" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="291.08" y="1176.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="10.5" fontWeight="700" letterSpacing="0.84" fill="#9d9fa0" textAnchor="middle">
          <tspan x="305.42" y="1232.18">
            ANALYTICS BUCKET
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="305" y="1249.7">
            Iceberg tables
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-aggregate`}>
        <rect x="409.5" y="1166" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="409.5" y="1166" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="412.86" y="1169.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="433.95" y="1232.44">
            AGGREGATE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="433.5" y="1249.7">
            AWS Glue job
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-crawler`}>
        <rect x="462.5" y="932" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="462.5" y="932" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s9`} x="472.58" y="942.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="486.96" y="998.44">
            AWS GLUE CRAWLERS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="486.5" y="1015.7">
            Discover table schemas
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-catalog`}>
        <rect x="615" y="932" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="615" y="932" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s10`} x="625.08" y="942.08" width="27.84" height="27.84" filter={`url(#${uid}-f7)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="639.45" y="998.44">
            AWS GLUE DATA
          </tspan>
          <tspan x="639.45" y="1015.34">
            CATALOG
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-lf`}>
        <rect x="766.5" y="932" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="766.5" y="932" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s11`} x="769.86" y="935.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="790.95" y="998.44">
            AWS LAKE FORMATION
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="790.5" y="1015.7">
            Permissions
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-athena`}>
        <rect x="456" y="1343" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="456" y="1343" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s12`} x="459.36" y="1346.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="480.45" y="1409.44">
            AMAZON ATHENA
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-redshift`}>
        <rect x="597.5" y="1343" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="597.5" y="1343" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s13`} x="600.86" y="1346.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="621.94" y="1409.44">
            AMAZON REDSHIFT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-quicksight`}>
        <rect x="455.5" y="1478" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1.07" />
        <g opacity="0">
          <rect x="455.5" y="1478" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1.07" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0781;0.0982;0.9199;0.94;1" dur="8.961s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s14`} x="458.86" y="1481.36" width="41.28" height="41.28" filter={`url(#${uid}-f6)`} />
        <text fontSize="11.25" fontWeight="700" letterSpacing="0.9" fill="#9d9fa0" textAnchor="middle">
          <tspan x="479.95" y="1544.44">
            AMAZON QUICK SIGHT
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <path d="M150 242 L150 464.96" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.12 2" strokeDashoffset="0.12" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.12;0.12;-0.88;-1;-1" keyTimes="0;0.1395;0.2122;0.2213;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1395;0.1406;0.2213;0.2224;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M150 242 L150 464.96" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.1395;0.2122;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1228;0.1395;0.239;0.2558;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M150 553.5 L150 682.46" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.22 2" strokeDashoffset="0.22" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.22;0.22;-0.78;-1;-1" keyTimes="0;0.239;0.2837;0.2933;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.239;0.2401;0.2933;0.2944;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M150 553.5 L150 682.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.239;0.2837;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2223;0.239;0.3104;0.3272;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <circle r="2.14" fill="#60a5fa" opacity="0">
          <animateMotion path="M289 562 L289 574 Q289 582 281 582 L158 582 Q150 582 150 590 L150 682.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4365;0.5211;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4198;0.4365;0.5211;0.5379;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M150 786 L150 931.46" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.19 2" strokeDashoffset="0.19" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.19;0.19;-0.81;-1;-1" keyTimes="0;0.3104;0.3579;0.367;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3104;0.3116;0.367;0.3682;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M150 786 L150 931.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.3104;0.3579;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2937;0.3104;0.3847;0.4015;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M206 976 L245.46 976" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.3847;0.4294;0.4517;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3847;0.3858;0.4517;0.4528;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M206 976 L245.46 976" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.3847;0.4294;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.368;0.3847;0.4562;0.4729;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M294 1020 L294 1057 Q294 1065 302 1065 L426 1065 Q434 1065 434 1073 L434 1165.46" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.1 2" strokeDashoffset="0.1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.1;0.1;-0.9;-1;-1" keyTimes="0;0.4562;0.5492;0.5583;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4562;0.4573;0.5583;0.5594;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M294 1020 L294 1057 Q294 1065 302 1065 L426 1065 Q434 1065 434 1073 L434 1165.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4562;0.5492;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4394;0.4562;0.576;0.5928;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M396 1210 L356.54 1210" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.5 2" strokeDashoffset="0.5" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.5;0.5;-0.5;-1;-1" keyTimes="0;0.576;0.6207;0.643;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.576;0.5771;0.643;0.6441;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M396 1210 L356.54 1210" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.576;0.6207;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5593;0.576;0.6474;0.6642;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M305 1254 L305 1301 Q305 1309 313 1309 L456 1309 Q464 1309 464 1317 L464 1342.46" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.11 2" strokeDashoffset="0.11" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.11;0.11;-0.89;-1;-1" keyTimes="0;0.6474;0.7281;0.7372;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6474;0.6485;0.7372;0.7383;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M305 1254 L305 1301 Q305 1309 313 1309 L456 1309 Q464 1309 464 1317 L464 1342.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.6474;0.7281;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6307;0.6474;0.7549;0.7717;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <circle r="2.14" fill="#60a5fa" opacity="0">
          <animateMotion path="M305 1254 L305 1301 Q305 1309 313 1309 L596 1309 Q604 1309 604 1317 L604 1342.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.6345;0.7461;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6178;0.6345;0.7461;0.7629;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
        <path d="M480 1414 L480 1477.46" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.57" pathLength="1" strokeDasharray="0.44 2" strokeDashoffset="0.44" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.44;0.44;-0.56;-1;-1" keyTimes="0;0.7549;0.7996;0.8192;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="8.961s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7549;0.756;0.8192;0.8203;1" dur="8.961s" repeatCount="indefinite" />
        </path>
        <circle r="2.68" fill="#60a5fa" opacity="0">
          <animateMotion path="M480 1414 L480 1477.46" dur="8.961s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.7549;0.7996;1" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7382;0.7549;0.7996;0.8163;1" dur="8.961s" repeatCount="indefinite" />
        </circle>
      </g>
      <g id={`${uid}-legend`}>
        <rect x="715" y="1601" width="200" height="53" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1.07" />
        <path d="M725 1618.5 H753" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="761" y="1621.87">
            DATA FLOW
          </tspan>
        </text>
        <path d="M725 1636.5 H753" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1.07" strokeLinecap="round" strokeDasharray="1.07 2.68" />
        <text fontSize="9" fontWeight="700" letterSpacing="0.54" fill="#9d9fa0">
          <tspan x="761" y="1639.7">
            METADATA AND PERMISSIONS
          </tspan>
        </text>
      </g>
    </svg>
  );
}