wave.svg

<!-- here is a big, empty SVG! make it into something interesting! -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="600px" width="600px">
    <!-- you can delete this big rectangle - it's just a placeholder -->
    <rect x="0" y="0" height="600" width="600" fill="#DDD" />


    <!-- Define a row of circles -->
    <defs>
        <g id="circle_row" cy="-30" stroke="white" stroke-width="5">
            <!-- We also can use transform here, but no need yet-->
            <circle cx="-30" r="30" />
            <circle cx="30" r="30" />
            <circle cx="90" r="30" />
            <circle cx="150" r="30" />
            <circle cx="210" r="30" />
            <circle cx="270" r="30" />
            <circle cx="330" r="30" />
            <circle cx="390" r="30" />
            <circle cx="450" r="30" />
            <circle cx="510" r="30" />
            <circle cx="570" r="30" />
            <circle cx="630" r="30" />
        </g>
    </defs>

    <!-- Then we can use transformation to draw multiple rows
        Remember we want to fill from bottom to top

        Animation (To make each row move following a circle path):
        One simple way is to use r*sin(x) and r*cos(y) to compute the coordinate.
        For this assignment we just write the absolute coordinates (another way
        is to use JS to compute in run time).
        More points give a better circle, we use 50 points here.

        Make sure to translate first, then apply the animation (coordinate is 
        changed so it is easier to do the animation).

        There is no native loop in SVG, so I wrote a script to generate
        the following codes.
    
        There are many improvement ideas:
            1. Use JS to control the initial position of rows, then there is
                no more animation glitch at the beginning.
            2. Use scale transformation to make front rows bigger.
            3. Give front rows a longer moving path than back rows.
    -->

    <use xlink:href="#circle_row" fill="#00d2ff" transform="translate(-30, -30)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="2.0s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="2.0s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#00c8f6" transform="translate(0, 0)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.9310344827586206s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.9310344827586206s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#00beee" transform="translate(-30, 30)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.8620689655172413s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.8620689655172413s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#01b5e6" transform="translate(0, 60)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.793103448275862s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.793103448275862s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#01abdd" transform="translate(-30, 90)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.7241379310344827s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.7241379310344827s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#01a2d5" transform="translate(0, 120)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.6551724137931034s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.6551724137931034s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#0298cd" transform="translate(-30, 150)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.5862068965517242s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.5862068965517242s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#028fc5" transform="translate(0, 180)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.5172413793103448s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.5172413793103448s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#0285bc" transform="translate(-30, 210)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.4482758620689655s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.4482758620689655s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#037cb4" transform="translate(0, 240)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.3793103448275863s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.3793103448275863s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#0372ac" transform="translate(-30, 270)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.3103448275862069s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.3103448275862069s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#0469a4" transform="translate(0, 300)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.2413793103448276s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.2413793103448276s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#045f9b" transform="translate(-30, 330)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.1724137931034482s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.1724137931034482s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#045593" transform="translate(0, 360)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.103448275862069s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.103448275862069s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#054c8b" transform="translate(-30, 390)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="1.0344827586206897s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="1.0344827586206897s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#054282" transform="translate(0, 420)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.9655172413793103s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.9655172413793103s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#05397a" transform="translate(-30, 450)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.896551724137931s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.896551724137931s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#062f72" transform="translate(0, 480)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.8275862068965517s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.8275862068965517s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#06266a" transform="translate(-30, 510)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.7586206896551724s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.7586206896551724s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#061c61" transform="translate(0, 540)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.6896551724137931s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.6896551724137931s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#071359" transform="translate(-30, 570)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.6206896551724138s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.6206896551724138s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#070951" transform="translate(0, 600)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.5517241379310345s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.5517241379310345s" repeatCount="indefinite"/>
    </use>

    <use xlink:href="#circle_row" fill="#080049" transform="translate(-30, 630)">
        <animate attributeName="y"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="20.0; 19.84; 19.35; 18.54; 17.43; 16.03; 14.37; 12.47; 10.37; 8.1; 5.69; 3.19; 0.64; -1.92; -4.45; -6.91; -9.25; -11.44; -13.45; -15.23; -16.76; -18.02; -18.98; -19.63; -19.96; -19.96; -19.63; -18.98; -18.02; -16.76; -15.23; -13.45; -11.44; -9.25; -6.91; -4.45; -1.92; 0.64; 3.19; 5.69; 8.1; 10.37; 12.47; 14.37; 16.03; 17.43; 18.54; 19.35; 19.84; 20.0"
            dur="3s" begin="0.48275862068965514s" repeatCount="indefinite"/>

        <animate attributeName="x"
            keyTimes="0.0; 0.02; 0.04; 0.06; 0.08; 0.1; 0.12; 0.14; 0.16; 0.18; 0.2; 0.22; 0.24; 0.27; 0.29; 0.31; 0.33; 0.35; 0.37; 0.39; 0.41; 0.43; 0.45; 0.47; 0.49; 0.51; 0.53; 0.55; 0.57; 0.59; 0.61; 0.63; 0.65; 0.67; 0.69; 0.71; 0.73; 0.76; 0.78; 0.8; 0.82; 0.84; 0.86; 0.88; 0.9; 0.92; 0.94; 0.96; 0.98; 1.0"
            values="0.0; -2.56; -5.07; -7.51; -9.81; -11.96; -13.91; -15.64; -17.1; -18.29; -19.17; -19.74; -19.99; -19.91; -19.5; -18.77; -17.73; -16.4; -14.81; -12.96; -10.91; -8.68; -6.3; -3.82; -1.28; 1.28; 3.82; 6.3; 8.68; 10.91; 12.96; 14.81; 16.4; 17.73; 18.77; 19.5; 19.91; 19.99; 19.74; 19.17; 18.29; 17.1; 15.64; 13.91; 11.96; 9.81; 7.51; 5.07; 2.56; 0.0"
            dur="3s" begin="0.48275862068965514s" repeatCount="indefinite"/>
    </use>

</svg>