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

export default function MLPlatformOnAWS(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="651" height="1685" viewBox="0 0 651 1685" 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`}>
        ML platform on AWS
      </title>
      <desc id={`${uid}-sdw-desc`}>
        ML platform on AWS. 11 components in 3 groups. Connections: Raw data lake to Feature pipeline; Feature pipeline to Feature Store; Feature Store to Train; Train to Evaluate; Evaluate to Model Registry; Model Registry to Batch transform; Model Registry to Real-time endpoint; Batch transform to Predictions; Real-time endpoint to Drift alarm (captured traffic); Training pipeline to Retraining rule (StartExecution); Retraining rule to Drift alarm.
      </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="20" height="20" patternUnits="userSpaceOnUse">
          <path d="M0 0.5H20M0.5 0V20" fill="none" stroke="#ffffff" strokeOpacity="0.045" strokeWidth="1" />
        </pattern>
        <radialGradient id={`${uid}-wash`} gradientUnits="userSpaceOnUse" cx="320" cy="873" r="560.19">
          <stop offset="0" stopColor="#60a5fa" stopOpacity="0.12" />
          <stop offset="1" stopColor="#60a5fa" stopOpacity="0" />
        </radialGradient>
        <mask id={`${uid}-m-e9`} maskUnits="userSpaceOnUse" x="0" y="0" width="651" height="1685">
          <path d="M256 1247 L256 1430.5" fill="none" stroke="#ffffff" strokeWidth="7.2" pathLength="1" strokeDasharray="1 1" strokeDashoffset="1">
            <animate attributeName="stroke-dashoffset" values="1;1;0;0" keyTimes="0;0.5481;0.6065;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          </path>
        </mask>
        <mask id={`${uid}-m-e10`} maskUnits="userSpaceOnUse" x="0" y="0" width="651" height="1685">
          <path d="M401 971.5 L401 1159" fill="none" stroke="#ffffff" strokeWidth="7.2" pathLength="1" strokeDasharray="1 1" strokeDashoffset="-1">
            <animate attributeName="stroke-dashoffset" values="-1;-1;0;0" keyTimes="0;0.7488;0.8085;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          </path>
        </mask>
        <mask id={`${uid}-m-e11`} maskUnits="userSpaceOnUse" x="0" y="0" width="651" height="1685">
          <path d="M401 1247.5 L401 1254.75 Q401 1262 393.75 1262 L380 1262 Q372 1262 372 1270 L372 1390 Q372 1398 364 1398 L299 1398 Q291 1398 291 1406 L291 1431" fill="none" stroke="#ffffff" strokeWidth="7.2" pathLength="1" strokeDasharray="1 1" strokeDashoffset="-1">
            <animate attributeName="stroke-dashoffset" values="-1;-1;0;0" keyTimes="0;0.6309;0.7243;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          </path>
        </mask>
        <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 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="M45 44h21v-7H45zm22-9H44a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1M43.5 62.5c0 1.93-1.57 3.5-3.5 3.5s-3.5-1.57-3.5-3.5S38.07 59 40 59s3.5 1.57 3.5 3.5M14 47h18v-4H14zm0-10h18v-4H14zm22.5-19.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5S41.93 21 40 21s-3.5-1.57-3.5-3.5M56 53H24v-4h9a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-9v-2h9a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-9v-3h32v4h2v-5a1 1 0 0 0-1-1H41v-3.096c2.556-.472 4.5-2.713 4.5-5.404 0-3.033-2.468-5.5-5.5-5.5a5.506 5.506 0 0 0-5.5 5.5c0 2.691 1.944 4.932 4.5 5.404V26H23a1 1 0 0 0-1 1v4h-9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h9v2h-9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h9v5a1 1 0 0 0 1 1h16v2.096c-2.556.472-4.5 2.713-4.5 5.404 0 3.033 2.468 5.5 5.5 5.5s5.5-2.467 5.5-5.5c0-2.691-1.944-4.932-4.5-5.404V55h16a1 1 0 0 0 1-1v-4.973h-2z" />
          </g>
        </symbol>
        <symbol id={`${uid}-s4`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#7aa116" />
            <path fill="#fff" d="m60.836 42.893.384-2.704c3.54 2.12 3.587 2.997 3.586 3.02-.006.006-.61.51-3.97-.316m-1.943-.54C52.773 40.5 44.25 36.59 40.8 34.96l.004-.041a2.406 2.406 0 0 0-2.404-2.403 2.406 2.406 0 0 0-2.402 2.403 2.406 2.406 0 0 0 2.402 2.403c.582 0 1.11-.217 1.527-.562 4.058 1.92 12.515 5.774 18.68 7.594L56.17 61.56a1 1 0 0 0-.01.14c0 1.516-6.707 4.299-17.666 4.299-11.075 0-17.853-2.783-17.853-4.298q0-.069-.01-.136l-5.093-37.207c4.409 3.035 13.892 4.64 22.962 4.64 9.056 0 18.523-1.6 22.94-4.625zM15 20.478C15.072 19.162 22.634 14 38.5 14c15.864 0 23.427 5.16 23.5 6.478v.449C61.13 23.877 51.33 27 38.5 27c-12.852 0-22.657-3.132-23.5-6.087zm49 .022c0-3.465-9.934-8.5-25.5-8.5S13 17.035 13 20.5l.094.754 5.548 40.524C18.775 66.31 30.86 68 38.494 68c9.472 0 19.535-2.178 19.665-6.22l2.396-16.896c1.333.319 2.43.482 3.31.482 1.184 0 1.984-.29 2.469-.867a1.95 1.95 0 0 0 .436-1.66c-.26-1.383-1.902-2.875-5.248-4.784l2.376-16.762z" />
          </g>
        </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" />
          <feComposite in2="a" operator="in" />
        </filter>
        <symbol id={`${uid}-s5`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#01a88d" />
            <path fill="#fff" d="M54.034 26.034a1.017 1.017 0 1 1-1.017-1.016c.561 0 1.017.456 1.017 1.016M48.002 36a1.001 1.001 0 0 1 2 0 1.001 1.001 0 0 1-2 0m0 19a1.001 1.001 0 0 1 2 0 1.001 1.001 0 0 1-2 0m10-13a1.001 1.001 0 0 1-2 0 1.001 1.001 0 0 1 2 0M65 45.272l-5.037-2.89c.016-.126.039-.25.039-.382 0-1.654-1.346-3-3-3-1.655 0-3 1.346-3 3s1.345 3 3 3c.799 0 1.521-.319 2.059-.829l4.825 2.768-4.331 2.166c-.339.17-.553.516-.553.895v8.441l-12.019 7.396-5.98-3.417V56h5.183a3 3 0 0 0 2.816 2c1.654 0 3-1.346 3-3 0-1.655-1.346-3-3-3a2.995 2.995 0 0 0-2.816 2h-5.183V40c0-.35-.185-.677-.486-.858l-5.001-3-1.029 1.715 4.516 2.71v2.94l-6.001 4.616V44a1 1 0 0 0-.375-.78l-4.625-3.7v-4.985l5.554-3.702a1 1 0 0 0 .446-.832v-6h-2v5.465l-4.989 3.324-5.011-3.326v-7.89l5-2.915V27h2v-9.51l4.003-2.334 5.996 3.459L39.002 31c0 .359.192.69.504.867l6.536 3.735c-.018.131-.04.261-.04.397 0 1.654 1.345 3 3 3 1.654 0 3-1.346 3-3s-1.346-3-3-3c-.794 0-1.512.315-2.049.82l-5.951-3.4-.001-11.802 5.963-3.441 11.038 7.359V25h-2.151a3.02 3.02 0 0 0-2.834-1.983 3.02 3.02 0 0 0-3.015 3.016 3.02 3.02 0 0 0 3.015 3.016A3.02 3.02 0 0 0 55.875 27h2.127v3a1 1 0 0 0 .504.869L65 34.58zM33.02 65.837l-3.153-1.94 5.716-4.083-1.162-1.628-6.403 4.573-7.016-4.318v-7.875l4.514-2.709-1.029-1.715-4.529 2.718-4.956-2.478-.001-5.765 5.448-2.723-.894-1.789-4.554 2.276.001-3.8 5.961-3.406 5.039 3.344v4.961l-5.553 3.687 1.106 1.666 5.403-3.588 4.044 3.235v5.182l-4.61 3.545 1.219 1.585 11.392-8.762v16.39zm33.476-32.705-6.494-3.711V22a1 1 0 0 0-.446-.832l-12-8a1 1 0 0 0-1.054-.034l-6.498 3.75-6.502-3.75a1 1 0 0 0-1.004.002l-12 7a1 1 0 0 0-.496.864v8.42l-6.496 3.711a1 1 0 0 0-.504.868v.417L13 34.48v10.884l.002.06V47c0 .38.214.725.553.894l5.447 2.724V59c0 .347.179.67.475.851l13 8a1 1 0 0 0 1.021.017l6.505-3.716 6.503 3.716c.315.181.707.174 1.02-.017l13-8a1 1 0 0 0 .476-.85v-8.383l5.445-2.724A1 1 0 0 0 67 47V34a1 1 0 0 0-.504-.868" />
          </g>
        </symbol>
        <symbol id={`${uid}-s6`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#01a88d" fillRule="evenodd" d="M6.464 31.135h20.107v-2H6.464zm0 5.589h20.107v-2H6.464zm37.202-5.293-7.185-7.186a11.2 11.2 0 0 1-1.632 1.614l7.195 7.194a1.15 1.15 0 0 0 1.622 0 1.15 1.15 0 0 0 0-1.622m-14.414-3.19c-.462.059-.929.099-1.406.099a11.1 11.1 0 0 1-7.29-2.726H6.464v-2h12.274a11.1 11.1 0 0 1-1.617-3.349H4v19.703h25.252zM18.676 17.17c0 5.057 4.113 9.17 9.17 9.17s9.17-4.113 9.17-9.17S32.902 8 27.846 8c-5.057 0-9.17 4.114-9.17 9.17m27.323 15.071a3.14 3.14 0 0 1-3.145 3.146 3.14 3.14 0 0 1-2.224-.92l-7.473-7.473a11 11 0 0 1-1.905.811v13.163a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V19.265a1 1 0 0 1 1-1h13.731q-.054-.54-.055-1.095c0-6.159 5.01-11.17 11.17-11.17 6.159 0 11.17 5.011 11.17 11.17 0 1.954-.507 3.79-1.392 5.389l7.456 7.458c.593.593.919 1.383.919 2.224M25.178 21.835l-3.409-2.862 1.288-1.531 2.689 2.258 6.645-6.955 1.446 1.381-7.293 7.634a.997.997 0 0 1-1.366.075" />
        </symbol>
        <filter id={`${uid}-f6`} 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}-s7`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#ed7100" />
            <path fill="#fff" d="M28.008 66H15.59l13.733-28.704 6.222 12.81zm2.212-31.447a1 1 0 0 0-.902-.564h-.003a1 1 0 0 0-.903.569L13.098 66.569A1 1 0 0 0 14.002 68h14.64c.388 0 .74-.223.906-.572l8.016-16.9a1 1 0 0 0-.005-.863zM64.995 66H52.66L32.867 24.57a1 1 0 0 0-.905-.57H23.89l.009-10h15.82L59.42 55.429c.166.348.519.571.906.571h4.67zm1.003-12H60.96l-19.7-41.429a1 1 0 0 0-.907-.571H22.898c-.553 0-1.002.447-1.003.999l-.01 12A1 1 0 0 0 22.886 26h8.442l19.793 41.43c.167.348.517.57.904.57h13.972A1 1 0 0 0 67 67V55a1 1 0 0 0-1.002-1" />
          </g>
        </symbol>
        <symbol id={`${uid}-s8`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#01a88d" fillRule="evenodd" d="M29.956 29.83a.883.883 0 0 1-.881.882.883.883 0 0 1-.882-.882.882.882 0 0 1 1.762-.001m2.882-17.935a.883.883 0 1 1 .001-1.765.883.883 0 0 1-.001 1.765m-3.42 8.796a.883.883 0 0 1-1.763 0c0-.486.396-.882.882-.882s.882.396.882.882m4.688 15.59a.883.883 0 0 1 1.764 0 .883.883 0 0 1-1.764 0m4.424-4.978a1 1 0 0 0-.51.87v6.192l-7.14 4.222V37.55h1.534a2.88 2.88 0 0 0 2.574 1.612 2.885 2.885 0 0 0 2.882-2.881 2.885 2.885 0 0 0-2.882-2.882 2.88 2.88 0 0 0-2.776 2.15H29.88a1 1 0 0 0-1 1v7.219l-.405.24-3.508-2.033v-25.93h2.838v1.869a2.88 2.88 0 0 0-2.151 2.776 2.885 2.885 0 0 0 2.882 2.88 2.885 2.885 0 0 0 2.882-2.88 2.88 2.88 0 0 0-1.613-2.574v-2.071h3.3a1 1 0 0 0 1-1v-1.458a2.88 2.88 0 0 0 1.614-2.574 2.885 2.885 0 0 0-2.882-2.882 2.885 2.885 0 0 0-2.882 2.882c0 1.335.917 2.45 2.15 2.776v.256h-7.138V6.804l4.398-2.634 9.192 5.604v6.164a1 1 0 0 0 .507.87l4.869 2.76v3.079H34.72a1 1 0 0 0-1 1v4.914h-2.071a2.87 2.87 0 0 0-2.574-1.612 2.885 2.885 0 0 0-2.882 2.88 2.885 2.885 0 0 0 2.882 2.883 2.88 2.88 0 0 0 2.776-2.151h2.869a1 1 0 0 0 1-1v-4.914h8.215v3.613zM17.247 28.41c.486 0 .882.396.882.882a.883.883 0 0 1-.882.882.883.883 0 0 1-.882-.882c0-.486.396-.882.882-.882m-1.42-15.784a.883.883 0 1 1 .882.882.883.883 0 0 1-.881-.882m-3.612 8.064a.883.883 0 0 1-1.763 0c0-.486.396-.882.88-.882.487 0 .883.396.883.882m5.225 17.203a.883.883 0 1 1 1.765.003.883.883 0 0 1-1.765-.003m1.472 6.109-9.536-5.64v-6.19a1 1 0 0 0-.517-.876L8.5 31.1h2.639v7.063a1 1 0 0 0 1 1h3.608a2.88 2.88 0 0 0 2.574 1.613 2.885 2.885 0 0 0 2.882-2.882 2.885 2.885 0 0 0-2.882-2.881 2.88 2.88 0 0 0-2.776 2.15H13.14V30.1a1 1 0 0 0-1-1H4.864L4 28.625v-9.057l4.869-2.761a1 1 0 0 0 .507-.871v-2.58h1.226v4.559a2.88 2.88 0 0 0-2.15 2.776 2.884 2.884 0 0 0 2.88 2.88 2.885 2.885 0 0 0 2.883-2.88 2.88 2.88 0 0 0-1.613-2.574v-4.76h1.332a2.88 2.88 0 0 0 2.776 2.152 2.885 2.885 0 0 0 2.88-2.882 2.885 2.885 0 0 0-2.88-2.882 2.88 2.88 0 0 0-2.574 1.612h-4.76V9.772l9.192-5.603 4.4 2.634v11.544h-5.99a1 1 0 0 0-1 1v7.372a2.87 2.87 0 0 0-1.613 2.574 2.885 2.885 0 0 0 2.882 2.882 2.885 2.885 0 0 0 2.882-2.882c0-1.335-.917-2.45-2.151-2.776v-6.17h4.99V41.59zm27.022-25.016c0-.36-.194-.692-.507-.87l-4.868-2.761-.001-6.143a1 1 0 0 0-.48-.854l-10.187-6.21a1 1 0 0 0-1.035-.005L23.969 5.07l-4.892-2.927a1 1 0 0 0-1.034.004L7.856 8.357a1 1 0 0 0-.48.854v6.143l-4.87 2.762a1 1 0 0 0-.506.87v10.23a1 1 0 0 0 .518.876l4.859 2.672-.001 6.17a1 1 0 0 0 .49.86l10.539 6.232a1 1 0 0 0 1.02-.001l4.215-2.507 4.339 2.514a1 1 0 0 0 1.01-.005l10.54-6.231a1 1 0 0 0 .49-.861v-6.176l5.406-3.043a1 1 0 0 0 .51-.871z" />
        </symbol>
        <symbol id={`${uid}-s9`} viewBox="0 0 48 48" overflow="visible">
          <path fill="#e7157b" fillRule="evenodd" d="M41.425 40.668h-6.788V19.83a11.3 11.3 0 0 0 6.788 0zm.57-23.208a9.27 9.27 0 0 1-7.928 0 1 1 0 0 0-1.43.902v23.306a1 1 0 0 0 1 1h8.788a1 1 0 0 0 1-1V18.361a1 1 0 0 0-1.43-.902M38.03 4a5.157 5.157 0 0 1 5.152 5.152 5.16 5.16 0 0 1-5.152 5.152 5.157 5.157 0 0 1-5.151-5.152A5.157 5.157 0 0 1 38.03 4m0 12.304a7.16 7.16 0 0 0 7.152-7.152C45.183 5.209 41.975 2 38.03 2s-7.15 3.209-7.15 7.15c0 3.944 3.208 7.153 7.15 7.153M2 46.183h43.94v-2H2zm18.575-5.517h6.788V27.728h-6.788zm-1 2h8.788a1 1 0 0 0 1-1V26.728a1 1 0 0 0-1-1h-8.788a1 1 0 0 0-1 1v14.94a1 1 0 0 0 1 1m-13.06-2h6.788V23.335H6.516zm-1 2h8.788a1 1 0 0 0 1-1V22.335a1 1 0 0 0-1-1H5.516a1 1 0 0 0-1 1v19.333a1 1 0 0 0 1 1" />
        </symbol>
        <symbol id={`${uid}-s10`} viewBox="0 0 80 80" overflow="visible">
          <g fill="none" fillRule="evenodd">
            <rect width="80" height="80" fill="#e7157b" />
            <path fill="#fff" d="M53.657 66c-2.143 0-3.887-1.753-3.887-3.909s1.744-3.909 3.887-3.909 3.887 1.753 3.887 3.909S55.8 66 53.657 66m-8.524-17H34.798l-5.168-9 5.168-9h10.335l5.167 9zM27.62 21.818c-2.143 0-3.887-1.753-3.887-3.909S25.478 14 27.62 14c2.144 0 3.888 1.753 3.888 3.909s-1.744 3.909-3.888 3.909m26.036 34.364c-.738 0-1.442.143-2.093.394L47.34 49.41l-.223.133L52.31 40.5c.177-.31.177-.69 0-1l-5.741-10a.99.99 0 0 0-.862-.5H35.258l.04-.024-3.871-6.572a5.9 5.9 0 0 0 2.071-4.495c0-3.258-2.636-5.909-5.877-5.909s-5.876 2.651-5.876 5.909 2.636 5.909 5.876 5.909c.739 0 1.443-.143 2.094-.394l3.615 6.133-5.71 9.943c-.177.31-.177.69 0 1l5.743 10c.178.31.506.5.861.5h11.482q.125-.002.241-.032l3.905 6.628a5.9 5.9 0 0 0-2.071 4.495c0 3.258 2.635 5.909 5.876 5.909 3.24 0 5.876-2.651 5.876-5.909s-2.635-5.909-5.876-5.909m5.927-24.078c-2.143 0-3.886-1.753-3.886-3.909s1.743-3.909 3.886-3.909 3.888 1.753 3.888 3.909-1.745 3.909-3.888 3.909m7.283 7.396-3.775-6.575a5.91 5.91 0 0 0 2.368-4.73c0-3.258-2.635-5.909-5.876-5.909-.824 0-1.61.173-2.323.484l-3.077-5.361a1 1 0 0 0-.861-.5H40.995v2h11.754l2.847 4.96a5.9 5.9 0 0 0-1.887 4.326c0 3.258 2.636 5.909 5.875 5.909.604 0 1.188-.093 1.737-.264L64.858 40l-4.966 8.648 1.722 1 5.253-9.148c.177-.31.177-.69 0-1M21.229 55.247c-2.144 0-3.888-1.754-3.888-3.909 0-2.156 1.744-3.909 3.888-3.909 2.143 0 3.887 1.753 3.887 3.909s-1.744 3.909-3.887 3.909m3.248 1.011a5.92 5.92 0 0 0 2.628-4.92c0-3.258-2.636-5.909-5.876-5.909-.939 0-1.823.228-2.61.623L15.143 40l5.759-10.029-1.723-1L13.133 39.5c-.177.31-.177.69 0 1l3.872 6.74a5.9 5.9 0 0 0-1.653 4.098c0 3.258 2.636 5.909 5.877 5.909.488 0 .96-.067 1.415-.181l3.172 5.525c.178.309.506.5.861.5h12.33v-2H27.25z" />
          </g>
        </symbol>
      </defs>
      <rect width="651" height="1685" fill={`url(#${uid}-bg)`} />
      <rect width="651" height="1685" fill={`url(#${uid}-grid)`} />
      <rect width="651" height="1685" fill={`url(#${uid}-wash)`} />
      <text fontSize="18" fontWeight="700" letterSpacing="1.08" fill="#dadbdb">
        <tspan x="28" y="42.89">
          ML PLATFORM ON AWS
        </tspan>
      </text>
      <text fontSize="10.75" fontWeight="400" fill="#9d9fa0">
        <tspan x="28" y="65">
          Amazon SageMaker AI and AWS Step Functions train and serve models; drift alarms retrain them
        </tspan>
      </text>
      <g id={`${uid}-g-cloud`}>
        <rect x="28" y="96" width="562" height="1478" rx="2" fill="#ffffff" fillOpacity="0.03" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="28" y="96" width="562" height="1478" rx="2" fill="#60a5fa" fillOpacity="0.03" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-region`}>
        <rect x="48" y="154" width="522" height="1400" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" strokeDasharray="3 3" />
        <g opacity="0">
          <rect x="48" y="154" width="522" height="1400" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1" strokeDasharray="3 3" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-g-pipeline`}>
        <rect x="230" y="654" width="320" height="317" rx="2" fill="none" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="230" y="654" width="320" height="317" rx="2" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e1`}>
        <path d="M391 315 L391 362.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M387 357 L391 363 L395 357" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M391 315 L391 362.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.1271;0.1678;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1271;0.1454;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M387 357 L391 363 L395 357" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1678;0.1861;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e2`}>
        <path d="M391 466 L391 513.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M387 508 L391 514 L395 508" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M391 466 L391 513.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.1922;0.2328;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1922;0.2105;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M387 508 L391 514 L395 508" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2328;0.2512;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e3`}>
        <path d="M391 602 L391 711.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M387 706 L391 712 L395 706" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M391 602 L391 711.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.2573;0.2979;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2573;0.2756;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M387 706 L391 712 L395 706" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2979;0.3162;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e4`}>
        <path d="M390.5 815 L390.5 862.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M386.5 857 L390.5 863 L394.5 857" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M390.5 815 L390.5 862.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.3223;0.363;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3223;0.3406;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M386.5 857 L390.5 863 L394.5 857" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.363;0.3813;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e5`}>
        <path d="M391 951 L391 982 Q391 990 383 990 L247 990 Q239 990 239 998 L239 1022.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M235 1017 L239 1023 L243 1017" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M391 951 L391 982 Q391 990 383 990 L247 990 Q239 990 239 998 L239 1022.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.3874;0.4586;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3874;0.4057;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M235 1017 L239 1023 L243 1017" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.4586;0.4769;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e6`}>
        <path d="M221 1111 L221 1118.5 Q221 1126 213.5 1126 L126 1126 Q118 1126 118 1134 L118 1158.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M114 1153 L118 1159 L122 1153" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e7`}>
        <path d="M256 1111 L256 1158.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M252 1153 L256 1159 L260 1153" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M256 1111 L256 1158.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" 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.483;0.5237;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.483;0.5013;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <g opacity="0">
          <path d="M252 1153 L256 1159 L260 1153" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5237;0.542;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e8`}>
        <path d="M118 1247 L118 1294.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M114 1289 L118 1295 L122 1289" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
      </g>
      <g id={`${uid}-e-e9`}>
        <path d="M256 1247 L256 1430.5" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1 2.5" />
        <path d="M252 1425 L256 1431 L260 1425" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <g mask={`url(#${uid}-m-e9)`} opacity="0">
          <path d="M256 1247 L256 1430.5" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="1 2.5" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5481;0.5664;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <g opacity="0">
          <path d="M252 1425 L256 1431 L260 1425" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6065;0.6248;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e10`}>
        <path d="M401 971.5 L401 1159" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4 3" />
        <path d="M405 977 L401 971 L397 977" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <g mask={`url(#${uid}-m-e10)`} opacity="0">
          <path d="M401 971.5 L401 1159" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4 3" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7488;0.7671;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <g opacity="0">
          <path d="M405 977 L401 971 L397 977" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.8085;0.8268;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-e-e11`}>
        <path d="M401 1247.5 L401 1254.75 Q401 1262 393.75 1262 L380 1262 Q372 1262 372 1270 L372 1390 Q372 1398 364 1398 L299 1398 Q291 1398 291 1406 L291 1431" fill="none" stroke="#ffffff" strokeOpacity="0.25" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4 3" />
        <path d="M405 1253 L401 1247 L397 1253" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
        <g mask={`url(#${uid}-m-e11)`} opacity="0">
          <path d="M401 1247.5 L401 1254.75 Q401 1262 393.75 1262 L380 1262 Q372 1262 372 1270 L372 1390 Q372 1398 364 1398 L299 1398 Q291 1398 291 1406 L291 1431" fill="none" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round" strokeDasharray="4 3" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6309;0.6492;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <g opacity="0">
          <path d="M405 1253 L401 1247 L397 1253" fill="none" stroke="#60a5fa" strokeOpacity="0.7" strokeWidth="1" strokeLinecap="round" strokeLinejoin="round" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7243;0.7426;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e9`}>
        <rect x="261" y="1328.5" width="97" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.25" fontWeight="700" letterSpacing="0.5" fill="#979899" textAnchor="middle">
          <tspan x="309.75" y="1341.93">
            CAPTURED TRAFFIC
          </tspan>
        </text>
        <g opacity="0">
          <rect x="261" y="1328.5" width="97" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1" />
          <text fontSize="8.25" fontWeight="700" letterSpacing="0.5" fill="#60a5fa" textAnchor="middle">
            <tspan x="309.75" y="1341.93">
              CAPTURED TRAFFIC
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5481;0.5664;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-el-e10`}>
        <rect x="406" y="1056.5" width="92" height="21" rx="3" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <text fontSize="8.25" fontWeight="700" letterSpacing="0.5" fill="#979899" textAnchor="middle">
          <tspan x="452.25" y="1069.93">
            STARTEXECUTION
          </tspan>
        </text>
        <g opacity="0">
          <rect x="406" y="1056.5" width="92" height="21" rx="3" fill="#0b1012" stroke="#60a5fa" strokeOpacity="0.5" strokeWidth="1" />
          <text fontSize="8.25" fontWeight="700" letterSpacing="0.5" fill="#60a5fa" textAnchor="middle">
            <tspan x="452.25" y="1069.93">
              STARTEXECUTION
            </tspan>
          </text>
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7488;0.7671;0.9;0.9183;1" dur="9.835s" repeatCount="indefinite" />
        </g>
      </g>
      <g id={`${uid}-gh-cloud`}>
        <rect x="28" y="96" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s1`} x="33.38" y="101.38" width="29.24" height="29.24" filter={`url(#${uid}-f1)`} />
        <g opacity="0">
          <rect x="28" y="96" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s1`} x="33.38" y="101.38" width="29.24" height="29.24" filter={`url(#${uid}-f2)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#649adb">
          <tspan x="76" y="119.91">
            AWS CLOUD
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-region`}>
        <rect x="48" y="154" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s2`} x="53.38" y="159.38" width="29.24" height="29.24" filter={`url(#${uid}-f3)`} />
        <g opacity="0">
          <rect x="48" y="154" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s2`} x="53.38" y="159.38" width="29.24" height="29.24" filter={`url(#${uid}-f4)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="96" y="177.91">
            US-EAST-1
          </tspan>
        </text>
      </g>
      <g id={`${uid}-gh-pipeline`}>
        <rect x="230" y="654" width="40" height="40" fill="#ffffff" fillOpacity="0.16" />
        <use href={`#${uid}-s3`} x="235.38" y="659.38" width="29.24" height="29.24" filter={`url(#${uid}-f3)`} />
        <g opacity="0">
          <rect x="230" y="654" width="40" height="40" fill="#60a5fa" />
          <use href={`#${uid}-s3`} x="235.38" y="659.38" width="29.24" height="29.24" filter={`url(#${uid}-f4)`} />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0356;0.0539;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <rect x="274" y="664.55" width="137.8" height="18.9" rx="3" fill="#0b1012" />
        <text fontSize="11" fontWeight="700" letterSpacing="1.1" fill="#9d9fa0">
          <tspan x="278" y="677.91">
            TRAINING PIPELINE
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-raw`}>
        <rect x="366.5" y="212" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="366.5" y="212" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s4`} x="369.86" y="215.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="390.94" y="278.35">
            RAW DATA LAKE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="390.49" y="295.7">
            Amazon Simple Storage
          </tspan>
          <tspan x="390.49" y="310.7">
            Service
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-features`}>
        <rect x="366.5" y="363" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="366.5" y="363" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="369.86" y="366.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="10.25" fontWeight="700" letterSpacing="0.82" fill="#9d9fa0" textAnchor="middle">
          <tspan x="390.92" y="429.09">
            FEATURE PIPELINE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="390.5" y="446.7">
            SageMaker AI
          </tspan>
          <tspan x="390.5" y="461.7">
            Processing
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-store`}>
        <rect x="367" y="514" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="367" y="514" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="370.36" y="517.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="391.44" y="580.36">
            FEATURE STORE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="391.01" y="597.7">
            Offline store
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-train`}>
        <rect x="366" y="712" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="366" y="712" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s6`} x="376.08" y="722.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="390.44" y="778.36">
            TRAIN
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="390" y="795.7">
            SageMaker AI training
          </tspan>
          <tspan x="390" y="810.7">
            job
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-evaluate`}>
        <rect x="366" y="863" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="366" y="863" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s7`} x="369.36" y="866.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="390.45" y="929.36">
            EVALUATE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="390.01" y="946.7">
            Compare to baseline
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-registry`}>
        <rect x="214.5" y="1023" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="214.5" y="1023" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s8`} x="224.58" y="1033.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="238.94" y="1089.36">
            MODEL REGISTRY
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="238.5" y="1106.7">
            Approved versions
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-batch`}>
        <rect x="93.5" y="1159" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="93.5" y="1159" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="96.86" y="1162.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="117.95" y="1225.36">
            BATCH TRANSFORM
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="117.5" y="1242.7">
            Nightly scoring
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-scores`}>
        <rect x="94" y="1295" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="94" y="1295" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s4`} x="97.36" y="1298.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="118.45" y="1361.36">
            PREDICTIONS
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="118.01" y="1378.7">
            S3 bucket
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-endpoint`}>
        <rect x="231.5" y="1159" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="231.5" y="1159" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s5`} x="234.86" y="1162.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="10.75" fontWeight="700" letterSpacing="0.86" fill="#9d9fa0" textAnchor="middle">
          <tspan x="255.93" y="1225.27">
            REAL-TIME ENDPOINT
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="255.5" y="1242.7">
            Online serving
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-monitor`}>
        <rect x="249.5" y="1431" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="249.5" y="1431" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s9`} x="259.58" y="1441.08" width="27.84" height="27.84" filter={`url(#${uid}-f6)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="273.94" y="1497.36">
            DRIFT ALARM
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="273.5" y="1514.7">
            Model Monitor and
          </tspan>
          <tspan x="273.5" y="1529.7">
            CloudWatch
          </tspan>
        </text>
      </g>
      <g id={`${uid}-n-retrain`}>
        <rect x="377" y="1159" width="48" height="48" rx="8.16" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.16" strokeWidth="1" />
        <g opacity="0">
          <rect x="377" y="1159" width="48" height="48" rx="8.16" fill="#60a5fa" fillOpacity="0.15" stroke="#60a5fa" strokeOpacity="0.65" strokeWidth="1" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.0712;0.0895;0.9217;0.94;1" dur="9.835s" repeatCount="indefinite" />
        </g>
        <use href={`#${uid}-s10`} x="380.36" y="1162.36" width="41.28" height="41.28" filter={`url(#${uid}-f5)`} />
        <text fontSize="11" fontWeight="700" letterSpacing="0.88" fill="#9d9fa0" textAnchor="middle">
          <tspan x="401.45" y="1225.36">
            RETRAINING RULE
          </tspan>
        </text>
        <text fontSize="10" fontWeight="400" fill="#979a9b" textAnchor="middle">
          <tspan x="401.01" y="1242.7">
            Amazon EventBridge
          </tspan>
        </text>
      </g>
      <g id={`${uid}-story`}>
        <path d="M391 315 L391 362.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" 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.1271;0.1678;0.1881;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1271;0.1281;0.1881;0.1891;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M391 315 L391 362.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.1271;0.1678;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.1118;0.1271;0.1922;0.2074;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M391 466 L391 513.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" 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.1922;0.2328;0.2532;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.1922;0.1932;0.2532;0.2542;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M391 466 L391 513.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.1922;0.2328;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.1769;0.1922;0.2573;0.2725;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M391 602 L391 711.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.24 2" strokeDashoffset="0.24" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.24;0.24;-0.76;-1;-1" keyTimes="0;0.2573;0.2979;0.3076;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.2573;0.2583;0.3076;0.3086;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M391 602 L391 711.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.2573;0.2979;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.242;0.2573;0.3223;0.3376;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M390.5 815 L390.5 862.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" 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.3223;0.363;0.3833;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3223;0.3233;0.3833;0.3844;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M390.5 815 L390.5 862.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.3223;0.363;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.3071;0.3223;0.3874;0.4027;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M391 951 L391 982 Q391 990 383 990 L247 990 Q239 990 239 998 L239 1022.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" 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.3874;0.4586;0.4669;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.3874;0.3884;0.4669;0.4679;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M391 951 L391 982 Q391 990 383 990 L247 990 Q239 990 239 998 L239 1022.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.3874;0.4586;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.3722;0.3874;0.483;0.4982;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <circle r="2" fill="#60a5fa" opacity="0">
          <animateMotion path="M221 1111 L221 1118.5 Q221 1126 213.5 1126 L126 1126 Q118 1126 118 1134 L118 1158.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.4337;0.4817;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.4185;0.4337;0.4817;0.497;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M256 1111 L256 1158.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" 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.483;0.5237;0.544;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.483;0.484;0.544;0.545;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 1111 L256 1158.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.483;0.5237;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.4677;0.483;0.5481;0.5633;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <circle r="2" fill="#60a5fa" opacity="0">
          <animateMotion path="M118 1247 L118 1294.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.6381;0.6788;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.6229;0.6381;0.6788;0.6941;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M256 1247 L256 1430.5" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.14 2" strokeDashoffset="0.14" opacity="0">
          <animate attributeName="stroke-dashoffset" values="0.14;0.14;-0.86;-1;-1" keyTimes="0;0.5481;0.6065;0.6148;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.5481;0.5491;0.6148;0.6158;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M256 1247 L256 1430.5" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="0;0;1;1" keyTimes="0;0.5481;0.6065;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.5328;0.5481;0.6309;0.6462;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M401 971.5 L401 1159" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.14 2" strokeDashoffset="-1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="-1;-1;0;0.14;0.14" keyTimes="0;0.7488;0.8085;0.8168;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.7488;0.7498;0.8168;0.8178;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M401 971.5 L401 1159" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="1;1;0;0" keyTimes="0;0.7488;0.8085;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.7335;0.7488;0.8085;0.8237;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
        <path d="M401 1247.5 L401 1254.75 Q401 1262 393.75 1262 L380 1262 Q372 1262 372 1270 L372 1390 Q372 1398 364 1398 L299 1398 Q291 1398 291 1406 L291 1431" fill="none" stroke="#60a5fa" strokeOpacity="0.6" strokeWidth="2.4" pathLength="1" strokeDasharray="0.09 2" strokeDashoffset="-1" opacity="0">
          <animate attributeName="stroke-dashoffset" values="-1;-1;0;0.09;0.09" keyTimes="0;0.6309;0.7243;0.7326;1" calcMode="spline" keySplines="0 0 1 1;0.65 0 0.35 1;0 0 1 1;0 0 1 1" dur="9.835s" repeatCount="indefinite" />
          <animate attributeName="opacity" values="0;0;1;1;0;0" keyTimes="0;0.6309;0.6319;0.7326;0.7336;1" dur="9.835s" repeatCount="indefinite" />
        </path>
        <circle r="2.5" fill="#60a5fa" opacity="0">
          <animateMotion path="M401 1247.5 L401 1254.75 Q401 1262 393.75 1262 L380 1262 Q372 1262 372 1270 L372 1390 Q372 1398 364 1398 L299 1398 Q291 1398 291 1406 L291 1431" dur="9.835s" repeatCount="indefinite" calcMode="spline" keyPoints="1;1;0;0" keyTimes="0;0.6309;0.7243;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.6157;0.6309;0.7488;0.764;1" dur="9.835s" repeatCount="indefinite" />
        </circle>
      </g>
      <g id={`${uid}-legend`}>
        <rect x="481" y="1586" width="142" height="71" rx="6" fill="#0b1012" stroke="#ffffff" strokeOpacity="0.1" strokeWidth="1" />
        <path d="M491 1603.5 H519" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" />
        <text fontSize="9.5" fontWeight="700" letterSpacing="0.57" fill="#9d9fa0">
          <tspan x="527" y="1606.87">
            PIPELINE FLOW
          </tspan>
        </text>
        <path d="M491 1621.5 H519" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeDasharray="4 3" />
        <text fontSize="8.5" fontWeight="700" letterSpacing="0.51" fill="#9d9fa0">
          <tspan x="527" y="1624.52">
            RETRAINING LOOP
          </tspan>
        </text>
        <path d="M491 1639.5 H519" fill="none" stroke="#ffffff" strokeOpacity="0.4" strokeWidth="1" strokeLinecap="round" strokeDasharray="1 2.5" />
        <text fontSize="8.5" fontWeight="700" letterSpacing="0.51" fill="#9d9fa0">
          <tspan x="527" y="1642.52">
            MONITORING DATA
          </tspan>
        </text>
      </g>
    </svg>
  );
}
