<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dynalgo - traversal DFS example</title>
<style>
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#svg_dynalgo {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
}
</style>
<script>
function pause(svg) {
if (svg.animationsPaused()) {
svg.unpauseAnimations();
} else {
svg.pauseAnimations();
}
}
</script>
</head>
<body>
<svg id="svg_dynalgo" onclick="pause(this)" viewBox="-40 -40 80 80" preserveAspectRatio="xMidYMid meet">
<path id="z47" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libz47" opacity="0">
<text id="mz47" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">26</text>
</g>
<path id="y46" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liby46" opacity="0">
<text id="my46" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">25</text>
</g>
<text id="biy46" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="20" xlink:href="#y46">⇒</textpath>
</text>
<path id="x45" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libx45" opacity="0">
<text id="mx45" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">24</text>
</g>
<path id="w44" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libw44" opacity="0">
<text id="mw44" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">23</text>
</g>
<path id="v43" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libv43" opacity="0">
<text id="mv43" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">22</text>
</g>
<path id="u42" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libu42" opacity="0">
<text id="mu42" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">21</text>
</g>
<path id="t41" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libt41" opacity="0">
</g>
<text id="bit41" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="20" xlink:href="#t41">⇒</textpath>
</text>
<path id="s40" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libs40" opacity="0">
<text id="ms40" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">19</text>
</g>
<path id="r39" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libr39" opacity="0">
<text id="mr39" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">18</text>
</g>
<path id="q38" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libq38" opacity="0">
<text id="mq38" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">17</text>
</g>
<path id="p37" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libp37" opacity="0">
<text id="mp37" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">16</text>
</g>
<path id="o36" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libo36" opacity="0">
<text id="mo36" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">15</text>
</g>
<text id="bio36" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="20" xlink:href="#o36">⇒</textpath>
</text>
<path id="n35" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libn35" opacity="0">
<text id="mn35" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">14</text>
</g>
<path id="m34" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libm34" opacity="0">
<text id="mm34" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">13</text>
</g>
<path id="l33" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libl33" opacity="0">
<text id="ml33" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">12</text>
</g>
<path id="k32" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libk32" opacity="0">
<text id="mk32" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">11</text>
</g>
<path id="j31" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libj31" opacity="0">
</g>
<text id="bij31" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="20" xlink:href="#j31">⇒</textpath>
</text>
<path id="i30" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libi30" opacity="0">
<text id="mi30" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">9</text>
</g>
<path id="h29" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libh29" opacity="0">
<text id="mh29" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">8</text>
</g>
<path id="g28" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libg28" opacity="0">
<text id="mg28" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">7</text>
</g>
<path id="f27" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libf27" opacity="0">
<text id="mf27" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">6</text>
</g>
<path id="e26" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libe26" opacity="0">
<text id="me26" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">5</text>
</g>
<text id="bie26" fill="rgb(0,0,0)" opacity="0">
<textpath startOffset="20" xlink:href="#e26">⇒</textpath>
</text>
<path id="d25" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libd25" opacity="0">
<text id="md25" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">4</text>
</g>
<path id="c24" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libc24" opacity="0">
<text id="mc24" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">3</text>
</g>
<path id="b23" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libb23" opacity="0">
<text id="mb23" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">2</text>
</g>
<path id="a22" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liba22" opacity="0">
<text id="ma22" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">1</text>
</g>
<g id="A1" opacity="0">
<circle id="cA1" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA1" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">A</text>
</g>
<g id="B2" opacity="0">
<circle id="cB2" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB2" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">B</text>
</g>
<g id="C3" opacity="0">
<circle id="cC3" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC3" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">C</text>
</g>
<g id="D4" opacity="0">
<circle id="cD4" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coD4" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">D</text>
</g>
<g id="E5" opacity="0">
<circle id="cE5" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coE5" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">E</text>
</g>
<g id="F6" opacity="0">
<circle id="cF6" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coF6" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">F</text>
</g>
<g id="G7" opacity="0">
<circle id="cG7" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coG7" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">G</text>
</g>
<g id="H8" opacity="0">
<circle id="cH8" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coH8" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">H</text>
</g>
<g id="I9" opacity="0">
<circle id="cI9" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coI9" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">I</text>
</g>
<g id="J10" opacity="0">
<circle id="cJ10" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coJ10" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">J</text>
</g>
<g id="K11" opacity="0">
<circle id="cK11" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coK11" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">K</text>
</g>
<g id="L12" opacity="0">
<circle id="cL12" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coL12" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">L</text>
</g>
<g id="M13" opacity="0">
<circle id="cM13" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coM13" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">M</text>
</g>
<g id="N14" opacity="0">
<circle id="cN14" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coN14" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">N</text>
</g>
<g id="O15" opacity="0">
<circle id="cO15" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coO15" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">O</text>
</g>
<g id="P16" opacity="0">
<circle id="cP16" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coP16" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">P</text>
</g>
<g id="Q17" opacity="0">
<circle id="cQ17" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coQ17" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">Q</text>
</g>
<g id="R18" opacity="0">
<circle id="cR18" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coR18" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">R</text>
</g>
<g id="S19" opacity="0">
<circle id="cS19" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coS19" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">S</text>
</g>
<g id="T20" opacity="0">
<circle id="cT20" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coT20" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">T</text>
</g>
<g id="U21" opacity="0">
<circle id="cU21" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coU21" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">U</text>
</g>
<animate xlink:href="#z47" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libz47" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biz47" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#q38" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libq38" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biq38" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#u42" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libu42" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biu42" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#r39" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libr39" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bir39" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#s40" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libs40" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bis40" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#w44" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libw44" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biw44" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#x45" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libx45" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bix45" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#l33" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libl33" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bil33" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#i30" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libi30" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bii30" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#n35" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libn35" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bin35" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#j31" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libj31" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bij31" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#k32" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libk32" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bik32" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#d25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libd25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bid25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#liba22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bia22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#m34" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libm34" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bim34" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#g28" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libg28" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#big28" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#c24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libc24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bic24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#e26" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libe26" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bie26" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#p37" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libp37" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bip37" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#v43" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libv43" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biv43" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#b23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libb23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bib23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#t41" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libt41" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bit41" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#y46" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#liby46" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biy46" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#f27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libf27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bif27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#o36" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libo36" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bio36" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#h29" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libh29" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bih29" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#S19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#C3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#M13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#U21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#H8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#G7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#Q17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#D4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#L12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#B2" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#T20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#J10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#I9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#A1" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#O15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#E5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#N14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#F6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#P16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#R18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#K11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate attributeName="viewBox" from="-40 -40 80 80" to="-288 -282 968 918" begin="1000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z47" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-196 177 L-224 378 Z" />
<animateMotion xlink:href="#libz47" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -210 277" />
<animate xlink:href="#z47" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#q38" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M176 266 L266 -10 Z" />
<animateMotion xlink:href="#libq38" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 221 128" />
<animate xlink:href="#q38" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#u42" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M131 -205 L393 -176 Z" />
<animateMotion xlink:href="#libu42" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 262 -190" />
<animate xlink:href="#u42" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#r39" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M266 -10 L309 -242 Z" />
<animateMotion xlink:href="#libr39" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 287 -126" />
<animate xlink:href="#r39" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#s40" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M266 -10 L69 37 Z" />
<animateMotion xlink:href="#libs40" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 167 13" />
<animate xlink:href="#s40" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#w44" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-95 -56 L-248 36 Z" />
<animateMotion xlink:href="#libw44" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -171 -10" />
<animate xlink:href="#w44" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#x45" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-95 -56 L-53 -230 Z" />
<animateMotion xlink:href="#libx45" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -74 -143" />
<animate xlink:href="#x45" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#l33" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M159 593 L313 425 Z" />
<animateMotion xlink:href="#libl33" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 236 509" />
<animate xlink:href="#l33" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#i30" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M512 481 L343 596 Z" />
<animateMotion xlink:href="#libi30" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 427 538" />
<animate xlink:href="#i30" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#n35" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M176 266 L423 155 Z" />
<animateMotion xlink:href="#libn35" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 299 210" />
<animate xlink:href="#n35" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#j31" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M343 596 L313 425 Z" />
<animateMotion xlink:href="#libj31" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 328 510" />
<animate xlink:href="#j31" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#k32" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M176 266 L313 425 Z" />
<animateMotion xlink:href="#libk32" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 244 345" />
<animate xlink:href="#k32" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#d25" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M569 27 L423 155 Z" />
<animateMotion xlink:href="#libd25" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 496 91" />
<animate xlink:href="#d25" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#a22" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M640 162 L423 155 Z" />
<animateMotion xlink:href="#liba22" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 531 158" />
<animate xlink:href="#a22" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#m34" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M343 596 L159 593 Z" />
<animateMotion xlink:href="#libm34" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 251 594" />
<animate xlink:href="#m34" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#g28" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M526 292 L512 481 Z" />
<animateMotion xlink:href="#libg28" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 519 386" />
<animate xlink:href="#g28" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#c24" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M640 162 L569 27 Z" />
<animateMotion xlink:href="#libc24" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 604 94" />
<animate xlink:href="#c24" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#e26" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M423 155 L526 292 Z" />
<animateMotion xlink:href="#libe26" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 474 223" />
<animate xlink:href="#e26" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#p37" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M176 266 L10 489 Z" />
<animateMotion xlink:href="#libp37" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 93 377" />
<animate xlink:href="#p37" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#v43" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M131 -205 L-95 -56 Z" />
<animateMotion xlink:href="#libv43" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 18 -130" />
<animate xlink:href="#v43" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#b23" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M526 292 L569 27 Z" />
<animateMotion xlink:href="#libb23" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 547 159" />
<animate xlink:href="#b23" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#t41" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M266 -10 L393 -176 Z" />
<animateMotion xlink:href="#libt41" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 329 -93" />
<animate xlink:href="#t41" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#y46" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-95 -56 L-196 177 Z" />
<animateMotion xlink:href="#liby46" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -145 60" />
<animate xlink:href="#y46" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#f27" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M526 292 L640 162 Z" />
<animateMotion xlink:href="#libf27" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 583 227" />
<animate xlink:href="#f27" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#o36" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M176 266 L-38 359 Z" />
<animateMotion xlink:href="#libo36" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 69 312" />
<animate xlink:href="#o36" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#h29" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M526 292 L313 425 Z" />
<animateMotion xlink:href="#libh29" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 419 358" />
<animate xlink:href="#h29" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#S19" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 69 37" />
<animate xlink:href="#cS19" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#C3" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 569 27" />
<animate xlink:href="#cC3" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#M13" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 309 -242" />
<animate xlink:href="#cM13" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#U21" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -224 378" />
<animate xlink:href="#cU21" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#H8" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 10 489" />
<animate xlink:href="#cH8" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#G7" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 423 155" />
<animate xlink:href="#cG7" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#Q17" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -248 36" />
<animate xlink:href="#cQ17" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#D4" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -38 359" />
<animate xlink:href="#cD4" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#L12" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 266 -10" />
<animate xlink:href="#cL12" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#B2" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 640 162" />
<animate xlink:href="#cB2" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#T20" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -196 177" />
<animate xlink:href="#cT20" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#J10" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 313 425" />
<animate xlink:href="#cJ10" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#I9" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 343 596" />
<animate xlink:href="#cI9" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#A1" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 159 593" />
<animate xlink:href="#cA1" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#O15" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 393 -176" />
<animate xlink:href="#cO15" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#E5" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 512 481" />
<animate xlink:href="#cE5" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#N14" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 131 -205" />
<animate xlink:href="#cN14" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#F6" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 526 292" />
<animate xlink:href="#cF6" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#P16" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -95 -56" />
<animate xlink:href="#cP16" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#R18" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -53 -230" />
<animate xlink:href="#cR18" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#K11" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 176 266" />
<animate xlink:href="#cK11" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#cH8" attributeName="fill" from="rgb(255,255,255)" to="rgb(0,255,0)" dur="500ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#cH8" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="2500ms" fill="freeze"/>
<animate xlink:href="#cH8" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="2500ms" fill="freeze"/>
<animate xlink:href="#p37" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#p37" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#cK11" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="3500ms" fill="freeze"/>
<animate xlink:href="#cK11" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="3500ms" fill="freeze"/>
<animate xlink:href="#cK11" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="4000ms" fill="freeze"/>
<animate xlink:href="#q38" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="4500ms" fill="freeze"/>
<animate xlink:href="#q38" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="4500ms" fill="freeze"/>
<animate xlink:href="#cL12" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#cL12" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#cL12" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="5500ms" fill="freeze"/>
<animate xlink:href="#r39" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="6000ms" fill="freeze"/>
<animate xlink:href="#r39" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="6000ms" fill="freeze"/>
<animate xlink:href="#cM13" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="6500ms" fill="freeze"/>
<animate xlink:href="#cM13" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="6500ms" fill="freeze"/>
<animate xlink:href="#cM13" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="7000ms" fill="freeze"/>
<animate xlink:href="#t41" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="8000ms" fill="freeze"/>
<animate xlink:href="#t41" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="8000ms" fill="freeze"/>
<animate xlink:href="#cO15" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="8500ms" fill="freeze"/>
<animate xlink:href="#cO15" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="8500ms" fill="freeze"/>
<animate xlink:href="#cO15" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="9000ms" fill="freeze"/>
<animate xlink:href="#u42" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="9500ms" fill="freeze"/>
<animate xlink:href="#u42" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="9500ms" fill="freeze"/>
<animate xlink:href="#cN14" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="10000ms" fill="freeze"/>
<animate xlink:href="#cN14" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="10000ms" fill="freeze"/>
<animate xlink:href="#cN14" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="10500ms" fill="freeze"/>
<animate xlink:href="#v43" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="11500ms" fill="freeze"/>
<animate xlink:href="#v43" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="11500ms" fill="freeze"/>
<animate xlink:href="#cP16" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="12000ms" fill="freeze"/>
<animate xlink:href="#cP16" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="12000ms" fill="freeze"/>
<animate xlink:href="#cP16" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="12500ms" fill="freeze"/>
<animate xlink:href="#w44" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="13500ms" fill="freeze"/>
<animate xlink:href="#w44" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="13500ms" fill="freeze"/>
<animate xlink:href="#cQ17" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="14000ms" fill="freeze"/>
<animate xlink:href="#cQ17" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="14000ms" fill="freeze"/>
<animate xlink:href="#cQ17" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="14500ms" fill="freeze"/>
<animate xlink:href="#y46" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="15500ms" fill="freeze"/>
<animate xlink:href="#y46" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="15500ms" fill="freeze"/>
<animate xlink:href="#cT20" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="16000ms" fill="freeze"/>
<animate xlink:href="#cT20" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="16000ms" fill="freeze"/>
<animate xlink:href="#cT20" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="16500ms" fill="freeze"/>
<animate xlink:href="#z47" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#z47" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#cU21" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="17500ms" fill="freeze"/>
<animate xlink:href="#cU21" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="17500ms" fill="freeze"/>
<animate xlink:href="#cU21" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#x45" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#x45" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#cR18" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="19500ms" fill="freeze"/>
<animate xlink:href="#cR18" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="19500ms" fill="freeze"/>
<animate xlink:href="#cR18" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#s40" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#s40" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#cS19" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="21500ms" fill="freeze"/>
<animate xlink:href="#cS19" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="21500ms" fill="freeze"/>
<animate xlink:href="#cS19" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#k32" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="23500ms" fill="freeze"/>
<animate xlink:href="#k32" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="23500ms" fill="freeze"/>
<animate xlink:href="#cJ10" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="24000ms" fill="freeze"/>
<animate xlink:href="#cJ10" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="24000ms" fill="freeze"/>
<animate xlink:href="#cJ10" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="24500ms" fill="freeze"/>
<animate xlink:href="#l33" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="25500ms" fill="freeze"/>
<animate xlink:href="#l33" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="25500ms" fill="freeze"/>
<animate xlink:href="#cA1" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#cA1" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#cA1" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="26500ms" fill="freeze"/>
<animate xlink:href="#m34" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="27000ms" fill="freeze"/>
<animate xlink:href="#m34" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="27000ms" fill="freeze"/>
<animate xlink:href="#cI9" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="27500ms" fill="freeze"/>
<animate xlink:href="#cI9" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="27500ms" fill="freeze"/>
<animate xlink:href="#cI9" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="28000ms" fill="freeze"/>
<animate xlink:href="#j31" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#j31" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#i30" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="29500ms" fill="freeze"/>
<animate xlink:href="#i30" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="29500ms" fill="freeze"/>
<animate xlink:href="#cE5" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#cE5" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#cE5" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="30500ms" fill="freeze"/>
<animate xlink:href="#g28" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#g28" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#cF6" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="31500ms" fill="freeze"/>
<animate xlink:href="#cF6" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="31500ms" fill="freeze"/>
<animate xlink:href="#cF6" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#b23" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="33000ms" fill="freeze"/>
<animate xlink:href="#b23" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="33000ms" fill="freeze"/>
<animate xlink:href="#cC3" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="33500ms" fill="freeze"/>
<animate xlink:href="#cC3" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="33500ms" fill="freeze"/>
<animate xlink:href="#cC3" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="34000ms" fill="freeze"/>
<animate xlink:href="#c24" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="35000ms" fill="freeze"/>
<animate xlink:href="#c24" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="35000ms" fill="freeze"/>
<animate xlink:href="#cB2" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="35500ms" fill="freeze"/>
<animate xlink:href="#cB2" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="35500ms" fill="freeze"/>
<animate xlink:href="#cB2" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="36000ms" fill="freeze"/>
<animate xlink:href="#f27" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="36500ms" fill="freeze"/>
<animate xlink:href="#f27" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="36500ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="37000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="37000ms" fill="freeze"/>
<animate xlink:href="#cG7" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="37500ms" fill="freeze"/>
<animate xlink:href="#cG7" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="37500ms" fill="freeze"/>
<animate xlink:href="#cG7" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="38000ms" fill="freeze"/>
<animate xlink:href="#e26" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="39000ms" fill="freeze"/>
<animate xlink:href="#e26" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="39000ms" fill="freeze"/>
<animate xlink:href="#n35" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="39500ms" fill="freeze"/>
<animate xlink:href="#n35" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="39500ms" fill="freeze"/>
<animate xlink:href="#d25" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="40000ms" fill="freeze"/>
<animate xlink:href="#d25" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="40000ms" fill="freeze"/>
<animate xlink:href="#h29" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="41500ms" fill="freeze"/>
<animate xlink:href="#h29" attributeName="stroke" from="rgb(128,139,150)" to="rgb(128,0,0)" dur="500ms" begin="41500ms" fill="freeze"/>
<animate xlink:href="#o36" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="44000ms" fill="freeze"/>
<animate xlink:href="#o36" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="44000ms" fill="freeze"/>
<animate xlink:href="#cD4" attributeName="stroke-width" from="2" to="4" dur="500ms" begin="44500ms" fill="freeze"/>
<animate xlink:href="#cD4" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="500ms" begin="44500ms" fill="freeze"/>
<animate xlink:href="#cD4" attributeName="fill" from="rgb(255,255,255)" to="rgb(191,255,0)" dur="500ms" begin="45000ms" fill="freeze"/>
</svg>
</body>
</html>