Chalarangelo/30-seconds-of-code

View on GitHub
public/assets/illustrations/js-array-methods.svg

Summary

Maintainability
Test Coverage
<svg width="800" height="508" viewBox="0 0 800 508" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="509" y="56" width="196" height="64" rx="4" fill="#161632"/>
<circle cx="667" cy="88" r="22" fill="#5394FD"/>
<circle cx="607" cy="88" r="22" fill="#5394FD"/>
<circle cx="547" cy="88" r="22" fill="#5394FD"/>
<rect x="99" y="56" width="196" height="64" rx="4" fill="#161632"/>
<rect x="115" y="66" width="44" height="44" rx="4" fill="#F47066"/>
<rect x="175" y="66" width="44" height="44" rx="4" fill="#F47066"/>
<rect x="235" y="66" width="44" height="44" rx="4" fill="#F47066"/>
<path d="M367.761 47V27.3636H370.676V30.4318H370.932C371.341 29.3835 372.001 28.5696 372.913 27.9901C373.825 27.402 374.92 27.108 376.199 27.108C377.494 27.108 378.572 27.402 379.433 27.9901C380.303 28.5696 380.98 29.3835 381.466 30.4318H381.67C382.173 29.4176 382.928 28.6122 383.933 28.0156C384.939 27.4105 386.145 27.108 387.551 27.108C389.307 27.108 390.743 27.6577 391.859 28.7571C392.976 29.848 393.534 31.5483 393.534 33.858V47H390.517V33.858C390.517 32.4091 390.121 31.3736 389.328 30.7514C388.536 30.1293 387.602 29.8182 386.528 29.8182C385.148 29.8182 384.078 30.2358 383.32 31.071C382.561 31.8977 382.182 32.946 382.182 34.2159V47H379.114V33.5511C379.114 32.4347 378.751 31.5355 378.027 30.8537C377.303 30.1634 376.369 29.8182 375.227 29.8182C374.443 29.8182 373.71 30.027 373.028 30.4446C372.355 30.8622 371.81 31.4418 371.392 32.1832C370.983 32.9162 370.778 33.7642 370.778 34.7273V47H367.761ZM406.465 47.4091C404.829 47.4091 403.384 46.9957 402.131 46.169C400.879 45.3338 399.898 44.1577 399.191 42.6406C398.484 41.1151 398.13 39.3125 398.13 37.233C398.13 35.1705 398.484 33.3807 399.191 31.8636C399.898 30.3466 400.883 29.1747 402.144 28.348C403.406 27.5213 404.863 27.108 406.516 27.108C407.795 27.108 408.805 27.321 409.546 27.7472C410.296 28.1648 410.867 28.642 411.259 29.179C411.66 29.7074 411.971 30.142 412.192 30.483H412.448V27.3636H415.465V47H412.55V43.983H412.192C411.971 44.3409 411.656 44.7926 411.246 45.3381C410.837 45.875 410.254 46.3565 409.495 46.7827C408.737 47.2003 407.727 47.4091 406.465 47.4091ZM406.874 44.6989C408.085 44.6989 409.107 44.3835 409.942 43.7528C410.778 43.1136 411.413 42.2315 411.847 41.1065C412.282 39.973 412.499 38.6648 412.499 37.1818C412.499 35.7159 412.286 34.4332 411.86 33.3338C411.434 32.2259 410.803 31.3651 409.968 30.7514C409.133 30.1293 408.102 29.8182 406.874 29.8182C405.596 29.8182 404.531 30.1463 403.678 30.8026C402.835 31.4503 402.2 32.3324 401.773 33.4489C401.356 34.5568 401.147 35.8011 401.147 37.1818C401.147 38.5795 401.36 39.8494 401.786 40.9915C402.221 42.125 402.86 43.0284 403.704 43.7017C404.556 44.3665 405.613 44.6989 406.874 44.6989ZM421.41 54.3636V27.3636H424.325V30.483H424.683C424.904 30.142 425.211 29.7074 425.603 29.179C426.004 28.642 426.575 28.1648 427.316 27.7472C428.066 27.321 429.08 27.108 430.359 27.108C432.012 27.108 433.469 27.5213 434.731 28.348C435.992 29.1747 436.977 30.3466 437.684 31.8636C438.391 33.3807 438.745 35.1705 438.745 37.233C438.745 39.3125 438.391 41.1151 437.684 42.6406C436.977 44.1577 435.996 45.3338 434.744 46.169C433.491 46.9957 432.046 47.4091 430.41 47.4091C429.148 47.4091 428.138 47.2003 427.38 46.7827C426.621 46.3565 426.038 45.875 425.629 45.3381C425.219 44.7926 424.904 44.3409 424.683 43.983H424.427V54.3636H421.41ZM424.376 37.1818C424.376 38.6648 424.593 39.973 425.028 41.1065C425.462 42.2315 426.097 43.1136 426.933 43.7528C427.768 44.3835 428.79 44.6989 430.001 44.6989C431.262 44.6989 432.315 44.3665 433.158 43.7017C434.011 43.0284 434.65 42.125 435.076 40.9915C435.511 39.8494 435.728 38.5795 435.728 37.1818C435.728 35.8011 435.515 34.5568 435.089 33.4489C434.671 32.3324 434.036 31.4503 433.184 30.8026C432.34 30.1463 431.279 29.8182 430.001 29.8182C428.773 29.8182 427.742 30.1293 426.907 30.7514C426.072 31.3651 425.441 32.2259 425.015 33.3338C424.589 34.4332 424.376 35.7159 424.376 37.1818Z" fill="#E3E3E8"/>
<rect x="321" y="66" width="44" height="44" rx="4" fill="#F47066"/>
<circle cx="461" cy="88" r="22" fill="#5394FD"/>
<path d="M381 86C379.895 86 379 86.8954 379 88C379 89.1046 379.895 90 381 90V86ZM424.414 89.4142C425.195 88.6332 425.195 87.3668 424.414 86.5858L411.686 73.8579C410.905 73.0768 409.639 73.0768 408.858 73.8579C408.077 74.6389 408.077 75.9052 408.858 76.6863L420.172 88L408.858 99.3137C408.077 100.095 408.077 101.361 408.858 102.142C409.639 102.923 410.905 102.923 411.686 102.142L424.414 89.4142ZM381 90H423V86H381V90Z" fill="#E3E3E8"/>
<rect x="95" y="308" width="196" height="64" rx="4" fill="#161632"/>
<rect width="22" height="44" rx="4" transform="matrix(-1 0 0 1 268 318)" fill="#F47066"/>
<rect width="22" height="22" rx="4" transform="matrix(-1 0 0 1 208 329)" fill="#F47066"/>
<rect width="44" height="44" rx="4" transform="matrix(-1 0 0 1 159 318)" fill="#F47066"/>
<rect width="22" height="44" rx="4" transform="matrix(-1 0 0 1 613 318)" fill="#F47066"/>
<rect width="22" height="22" rx="4" transform="matrix(-1 0 0 1 591 329)" fill="#F47066"/>
<rect width="44" height="44" rx="4" transform="matrix(-1 0 0 1 569 318)" fill="#F47066"/>
<path d="M344.761 299V279.364H347.676V282.33H347.881C348.239 281.358 348.886 280.57 349.824 279.964C350.761 279.359 351.818 279.057 352.994 279.057C353.216 279.057 353.493 279.061 353.825 279.07C354.158 279.078 354.409 279.091 354.58 279.108V282.176C354.477 282.151 354.243 282.112 353.876 282.061C353.518 282.001 353.139 281.972 352.739 281.972C351.784 281.972 350.932 282.172 350.182 282.572C349.44 282.964 348.852 283.51 348.418 284.209C347.991 284.899 347.778 285.687 347.778 286.574V299H344.761ZM365.791 299.409C363.899 299.409 362.267 298.991 360.895 298.156C359.531 297.312 358.479 296.136 357.737 294.628C357.004 293.111 356.638 291.347 356.638 289.335C356.638 287.324 357.004 285.551 357.737 284.017C358.479 282.474 359.51 281.273 360.831 280.412C362.161 279.543 363.712 279.108 365.484 279.108C366.507 279.108 367.517 279.278 368.514 279.619C369.511 279.96 370.419 280.514 371.237 281.281C372.055 282.04 372.707 283.045 373.193 284.298C373.679 285.551 373.922 287.094 373.922 288.926V290.205H358.786V287.597H370.854C370.854 286.489 370.632 285.5 370.189 284.631C369.754 283.761 369.132 283.075 368.322 282.572C367.521 282.07 366.575 281.818 365.484 281.818C364.283 281.818 363.243 282.116 362.365 282.713C361.496 283.301 360.827 284.068 360.358 285.014C359.889 285.96 359.655 286.974 359.655 288.057V289.795C359.655 291.278 359.911 292.536 360.422 293.567C360.942 294.589 361.662 295.369 362.582 295.906C363.503 296.435 364.572 296.699 365.791 296.699C366.584 296.699 367.3 296.588 367.939 296.366C368.587 296.136 369.145 295.795 369.614 295.344C370.082 294.884 370.445 294.312 370.7 293.631L373.615 294.449C373.308 295.438 372.793 296.307 372.068 297.057C371.344 297.798 370.449 298.378 369.384 298.795C368.318 299.205 367.121 299.409 365.791 299.409ZM385.926 299.409C384.29 299.409 382.845 298.996 381.592 298.169C380.339 297.334 379.359 296.158 378.652 294.641C377.945 293.115 377.591 291.312 377.591 289.233C377.591 287.17 377.945 285.381 378.652 283.864C379.359 282.347 380.344 281.175 381.605 280.348C382.866 279.521 384.324 279.108 385.977 279.108C387.256 279.108 388.266 279.321 389.007 279.747C389.757 280.165 390.328 280.642 390.72 281.179C391.121 281.707 391.432 282.142 391.653 282.483H391.909V272.818H394.926V299H392.011V295.983H391.653C391.432 296.341 391.116 296.793 390.707 297.338C390.298 297.875 389.714 298.357 388.956 298.783C388.197 299.2 387.188 299.409 385.926 299.409ZM386.335 296.699C387.545 296.699 388.568 296.384 389.403 295.753C390.239 295.114 390.874 294.232 391.308 293.107C391.743 291.973 391.96 290.665 391.96 289.182C391.96 287.716 391.747 286.433 391.321 285.334C390.895 284.226 390.264 283.365 389.429 282.751C388.594 282.129 387.563 281.818 386.335 281.818C385.057 281.818 383.991 282.146 383.139 282.803C382.295 283.45 381.661 284.332 381.234 285.449C380.817 286.557 380.608 287.801 380.608 289.182C380.608 290.58 380.821 291.849 381.247 292.991C381.682 294.125 382.321 295.028 383.165 295.702C384.017 296.366 385.074 296.699 386.335 296.699ZM413.246 290.972V279.364H416.263V299H413.246V295.676H413.041C412.581 296.673 411.865 297.521 410.893 298.22C409.922 298.911 408.695 299.256 407.212 299.256C405.984 299.256 404.893 298.987 403.939 298.45C402.984 297.905 402.234 297.087 401.689 295.996C401.143 294.896 400.871 293.511 400.871 291.841V279.364H403.888V291.636C403.888 293.068 404.288 294.21 405.089 295.062C405.899 295.915 406.93 296.341 408.183 296.341C408.933 296.341 409.696 296.149 410.472 295.766C411.256 295.382 411.912 294.794 412.44 294.001C412.977 293.209 413.246 292.199 413.246 290.972ZM429.766 299.409C427.925 299.409 426.34 298.974 425.01 298.105C423.681 297.236 422.658 296.038 421.942 294.513C421.226 292.987 420.868 291.244 420.868 289.284C420.868 287.29 421.235 285.53 421.968 284.004C422.709 282.47 423.74 281.273 425.061 280.412C426.391 279.543 427.942 279.108 429.715 279.108C431.096 279.108 432.34 279.364 433.448 279.875C434.556 280.386 435.463 281.102 436.171 282.023C436.878 282.943 437.317 284.017 437.488 285.244H434.471C434.24 284.349 433.729 283.557 432.936 282.866C432.152 282.168 431.096 281.818 429.766 281.818C428.59 281.818 427.559 282.125 426.672 282.739C425.794 283.344 425.108 284.2 424.614 285.308C424.128 286.408 423.885 287.699 423.885 289.182C423.885 290.699 424.124 292.02 424.601 293.145C425.087 294.27 425.769 295.143 426.647 295.766C427.533 296.388 428.573 296.699 429.766 296.699C430.55 296.699 431.262 296.562 431.901 296.29C432.54 296.017 433.081 295.625 433.525 295.114C433.968 294.602 434.283 293.989 434.471 293.273H437.488C437.317 294.432 436.895 295.476 436.222 296.405C435.557 297.325 434.675 298.058 433.576 298.604C432.485 299.141 431.215 299.409 429.766 299.409ZM450.131 299.409C448.239 299.409 446.607 298.991 445.235 298.156C443.871 297.312 442.819 296.136 442.077 294.628C441.344 293.111 440.978 291.347 440.978 289.335C440.978 287.324 441.344 285.551 442.077 284.017C442.819 282.474 443.85 281.273 445.171 280.412C446.5 279.543 448.051 279.108 449.824 279.108C450.847 279.108 451.857 279.278 452.854 279.619C453.851 279.96 454.759 280.514 455.577 281.281C456.395 282.04 457.047 283.045 457.533 284.298C458.019 285.551 458.262 287.094 458.262 288.926V290.205H443.125V287.597H455.194C455.194 286.489 454.972 285.5 454.529 284.631C454.094 283.761 453.472 283.075 452.662 282.572C451.861 282.07 450.915 281.818 449.824 281.818C448.623 281.818 447.583 282.116 446.705 282.713C445.836 283.301 445.167 284.068 444.698 285.014C444.229 285.96 443.995 286.974 443.995 288.057V289.795C443.995 291.278 444.25 292.536 444.762 293.567C445.282 294.589 446.002 295.369 446.922 295.906C447.843 296.435 448.912 296.699 450.131 296.699C450.924 296.699 451.64 296.588 452.279 296.366C452.926 296.136 453.485 295.795 453.953 295.344C454.422 294.884 454.784 294.312 455.04 293.631L457.955 294.449C457.648 295.438 457.132 296.307 456.408 297.057C455.684 297.798 454.789 298.378 453.723 298.795C452.658 299.205 451.461 299.409 450.131 299.409Z" fill="#E3E3E8"/>
<rect x="321" y="318" width="22" height="22" rx="4" fill="#F47066"/>
<rect x="343" y="340" width="22" height="22" rx="4" fill="#5394FD"/>
<rect x="439" y="329" width="22" height="22" rx="4" fill="#F47066"/>
<rect x="461" y="329" width="22" height="22" rx="4" fill="#5394FD"/>
<path d="M377 338C375.895 338 375 338.895 375 340C375 341.105 375.895 342 377 342V338ZM420.414 341.414C421.195 340.633 421.195 339.367 420.414 338.586L407.686 325.858C406.905 325.077 405.639 325.077 404.858 325.858C404.077 326.639 404.077 327.905 404.858 328.686L416.172 340L404.858 351.314C404.077 352.095 404.077 353.361 404.858 354.142C405.639 354.923 406.905 354.923 407.686 354.142L420.414 341.414ZM377 342H419V338H377V342Z" fill="#E3E3E8"/>
<rect x="99" y="176" width="196" height="64" rx="4" fill="#161632"/>
<rect x="115" y="186" width="44" height="44" rx="4" fill="#F47066"/>
<rect x="175" y="186" width="44" height="44" rx="4" fill="#5394FD"/>
<rect x="235" y="186" width="44" height="44" rx="4" fill="#5394FD"/>
<rect x="509" y="176" width="136" height="64" rx="4" fill="#161632"/>
<rect x="525" y="186" width="44" height="44" rx="4" fill="#5394FD"/>
<rect x="585" y="186" width="44" height="44" rx="4" fill="#5394FD"/>
<path d="M374.506 147.364V149.92H363.92V147.364H374.506ZM367.091 167V144.653C367.091 143.528 367.355 142.591 367.884 141.841C368.412 141.091 369.098 140.528 369.942 140.153C370.786 139.778 371.676 139.591 372.614 139.591C373.355 139.591 373.96 139.651 374.429 139.77C374.898 139.889 375.247 140 375.477 140.102L374.608 142.71C374.455 142.659 374.241 142.595 373.969 142.518C373.705 142.442 373.355 142.403 372.92 142.403C371.923 142.403 371.203 142.655 370.76 143.158C370.325 143.661 370.108 144.398 370.108 145.369V167H367.091ZM378.734 167V147.364H381.751V167H378.734ZM380.268 144.091C379.68 144.091 379.173 143.891 378.747 143.49C378.329 143.089 378.12 142.608 378.12 142.045C378.12 141.483 378.329 141.001 378.747 140.601C379.173 140.2 379.68 140 380.268 140C380.856 140 381.359 140.2 381.777 140.601C382.203 141.001 382.416 141.483 382.416 142.045C382.416 142.608 382.203 143.089 381.777 143.49C381.359 143.891 380.856 144.091 380.268 144.091ZM387.277 140.818H390.294V161.886C390.294 162.841 390.401 163.51 390.614 163.893C390.827 164.277 391.266 164.46 391.93 164.443C392.288 164.426 392.553 164.401 392.723 164.366C392.902 164.324 393.064 164.281 393.209 164.239L393.822 166.847C393.558 166.923 393.226 166.991 392.825 167.051C392.425 167.119 392.007 167.153 391.572 167.153C390.141 167.153 389.067 166.761 388.351 165.977C387.635 165.193 387.277 164.102 387.277 162.705V140.818ZM405.133 147.364V149.92H394.957V147.364H405.133ZM397.923 142.659H400.94V161.375C400.94 162.227 401.064 162.866 401.311 163.293C401.566 163.71 401.89 163.991 402.282 164.136C402.683 164.273 403.105 164.341 403.548 164.341C403.88 164.341 404.153 164.324 404.366 164.29C404.579 164.247 404.75 164.213 404.877 164.188L405.491 166.898C405.287 166.974 405.001 167.051 404.635 167.128C404.268 167.213 403.804 167.256 403.241 167.256C402.389 167.256 401.554 167.072 400.735 166.706C399.926 166.339 399.252 165.781 398.716 165.031C398.187 164.281 397.923 163.335 397.923 162.193V142.659ZM417.694 167.409C415.801 167.409 414.169 166.991 412.797 166.156C411.434 165.312 410.381 164.136 409.64 162.628C408.907 161.111 408.54 159.347 408.54 157.335C408.54 155.324 408.907 153.551 409.64 152.017C410.381 150.474 411.412 149.273 412.733 148.412C414.063 147.543 415.614 147.108 417.387 147.108C418.409 147.108 419.419 147.278 420.417 147.619C421.414 147.96 422.321 148.514 423.14 149.281C423.958 150.04 424.61 151.045 425.096 152.298C425.581 153.551 425.824 155.094 425.824 156.926V158.205H410.688V155.597H422.756C422.756 154.489 422.534 153.5 422.091 152.631C421.657 151.761 421.034 151.075 420.225 150.572C419.424 150.07 418.478 149.818 417.387 149.818C416.185 149.818 415.145 150.116 414.267 150.713C413.398 151.301 412.729 152.068 412.26 153.014C411.792 153.96 411.557 154.974 411.557 156.057V157.795C411.557 159.278 411.813 160.536 412.324 161.567C412.844 162.589 413.564 163.369 414.485 163.906C415.405 164.435 416.475 164.699 417.694 164.699C418.486 164.699 419.202 164.588 419.841 164.366C420.489 164.136 421.047 163.795 421.516 163.344C421.985 162.884 422.347 162.312 422.603 161.631L425.517 162.449C425.211 163.438 424.695 164.307 423.971 165.057C423.246 165.798 422.351 166.378 421.286 166.795C420.221 167.205 419.023 167.409 417.694 167.409ZM430.414 167V147.364H433.328V150.33H433.533C433.891 149.358 434.539 148.57 435.476 147.964C436.414 147.359 437.471 147.057 438.647 147.057C438.868 147.057 439.145 147.061 439.478 147.07C439.81 147.078 440.061 147.091 440.232 147.108V150.176C440.13 150.151 439.895 150.112 439.529 150.061C439.171 150.001 438.792 149.972 438.391 149.972C437.436 149.972 436.584 150.172 435.834 150.572C435.093 150.964 434.505 151.51 434.07 152.209C433.644 152.899 433.431 153.687 433.431 154.574V167H430.414Z" fill="#E3E3E8"/>
<rect x="322" y="187" width="42" height="42" rx="3" stroke="#E3E3E8" stroke-width="2" stroke-miterlimit="2.41327" stroke-linejoin="round" stroke-dasharray="4 4"/>
<rect x="439" y="186" width="44" height="44" rx="4" fill="#5394FD"/>
<path d="M388.091 206.545V201.636H416.091V206.545H388.091ZM388.091 220V215.091H416.091V220H388.091Z" fill="#E3E3E8"/>
<path d="M385.091 458.545V453.636H413.091V458.545H385.091ZM385.091 472V467.091H413.091V472H385.091Z" fill="#E3E3E8"/>
<rect x="95" y="428" width="196" height="64" rx="4" fill="#161632"/>
<rect x="111" y="438" width="44" height="44" rx="4" fill="#F47066"/>
<rect x="171" y="438" width="44" height="44" rx="4" fill="#5394FD"/>
<rect x="231" y="438" width="44" height="44" rx="4" fill="#7EE787"/>
<path d="M380.506 399.364V401.92H369.92V399.364H380.506ZM373.091 419V396.653C373.091 395.528 373.355 394.591 373.884 393.841C374.412 393.091 375.098 392.528 375.942 392.153C376.786 391.778 377.676 391.591 378.614 391.591C379.355 391.591 379.96 391.651 380.429 391.77C380.898 391.889 381.247 392 381.477 392.102L380.608 394.71C380.455 394.659 380.241 394.595 379.969 394.518C379.705 394.442 379.355 394.403 378.92 394.403C377.923 394.403 377.203 394.655 376.76 395.158C376.325 395.661 376.108 396.398 376.108 397.369V419H373.091ZM384.734 419V399.364H387.751V419H384.734ZM386.268 396.091C385.68 396.091 385.173 395.891 384.747 395.49C384.329 395.089 384.12 394.608 384.12 394.045C384.12 393.483 384.329 393.001 384.747 392.601C385.173 392.2 385.68 392 386.268 392C386.856 392 387.359 392.2 387.777 392.601C388.203 393.001 388.416 393.483 388.416 394.045C388.416 394.608 388.203 395.089 387.777 395.49C387.359 395.891 386.856 396.091 386.268 396.091ZM396.294 407.188V419H393.277V399.364H396.192V402.432H396.447C396.908 401.435 397.607 400.634 398.544 400.028C399.482 399.415 400.692 399.108 402.175 399.108C403.504 399.108 404.668 399.381 405.665 399.926C406.662 400.463 407.438 401.281 407.991 402.381C408.545 403.472 408.822 404.852 408.822 406.523V419H405.805V406.727C405.805 405.185 405.405 403.983 404.604 403.122C403.803 402.253 402.703 401.818 401.305 401.818C400.342 401.818 399.482 402.027 398.723 402.445C397.973 402.862 397.381 403.472 396.946 404.273C396.511 405.074 396.294 406.045 396.294 407.188ZM421.75 419.409C420.114 419.409 418.669 418.996 417.417 418.169C416.164 417.334 415.184 416.158 414.476 414.641C413.769 413.115 413.415 411.312 413.415 409.233C413.415 407.17 413.769 405.381 414.476 403.864C415.184 402.347 416.168 401.175 417.429 400.348C418.691 399.521 420.148 399.108 421.801 399.108C423.08 399.108 424.09 399.321 424.831 399.747C425.581 400.165 426.152 400.642 426.544 401.179C426.945 401.707 427.256 402.142 427.478 402.483H427.733V392.818H430.75V419H427.836V415.983H427.478C427.256 416.341 426.941 416.793 426.532 417.338C426.123 417.875 425.539 418.357 424.78 418.783C424.022 419.2 423.012 419.409 421.75 419.409ZM422.159 416.699C423.37 416.699 424.392 416.384 425.228 415.753C426.063 415.114 426.698 414.232 427.132 413.107C427.567 411.973 427.784 410.665 427.784 409.182C427.784 407.716 427.571 406.433 427.145 405.334C426.719 404.226 426.088 403.365 425.253 402.751C424.418 402.129 423.387 401.818 422.159 401.818C420.881 401.818 419.816 402.146 418.963 402.803C418.12 403.45 417.485 404.332 417.059 405.449C416.641 406.557 416.432 407.801 416.432 409.182C416.432 410.58 416.645 411.849 417.071 412.991C417.506 414.125 418.145 415.028 418.989 415.702C419.841 416.366 420.898 416.699 422.159 416.699Z" fill="#E3E3E8"/>
<rect x="322" y="439" width="42" height="42" rx="3" stroke="#E3E3E8" stroke-width="2" stroke-miterlimit="2.41327" stroke-linejoin="round" stroke-dasharray="4 4"/>
<rect x="439" y="438" width="44" height="44" rx="4" fill="#7EE787"/>
<rect x="525" y="438" width="44" height="44" rx="4" fill="#7EE787"/>
</svg>