<!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 - BFS</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 -30 80 80" preserveAspectRatio="xMidYMid meet">
<path id="m27" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libm27" opacity="0">
<text id="mm27" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">13</text>
</g>
<path id="g25" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libg25" opacity="0">
<text id="mg25" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">7</text>
</g>
<path id="d23" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libd23" opacity="0">
<text id="md23" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">4</text>
</g>
<path id="a21" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liba21" opacity="0">
<text id="ma21" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">1</text>
</g>
<path id="l19" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libl19" opacity="0">
<text id="ml19" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">12</text>
</g>
<path id="h17" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libh17" opacity="0">
<text id="mh17" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">8</text>
</g>
<path id="n15" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libn15" opacity="0">
<text id="mn15" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">14</text>
</g>
<path id="p13" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libp13" opacity="0">
<text id="mp13" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">16</text>
</g>
<path id="k11" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libk11" opacity="0">
<text id="mk11" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">11</text>
</g>
<path id="o9" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libo9" opacity="0">
<text id="mo9" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">15</text>
</g>
<path id="s7" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libs7" opacity="0">
<text id="ms7" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">19</text>
</g>
<path id="q5" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libq5" opacity="0">
<text id="mq5" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">17</text>
</g>
<path id="r3" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 10 L0 0 Z" />
<g id="libr3" opacity="0">
<text id="mr3" x="0" y="5" dx="-5" dy="-5" fill="rgb(0,0,0)">18</text>
</g>
<g id="M1" opacity="0">
<circle id="cM1" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coM1" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">M</text>
</g>
<animateMotion xlink:href="#M1" begin="0ms" dur="1000ms"
fill="freeze" path="m 0 0 l 0 10" />
<animate xlink:href="#M1" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<g id="L2" opacity="0">
<circle id="cL2" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coL2" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">L</text>
</g>
<g id="K4" opacity="0">
<circle id="cK4" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coK4" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">K</text>
</g>
<g id="S6" opacity="0">
<circle id="cS6" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coS6" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">S</text>
</g>
<g id="D8" opacity="0">
<circle id="cD8" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coD8" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">D</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="H12" opacity="0">
<circle id="cH12" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coH12" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">H</text>
</g>
<g id="G14" opacity="0">
<circle id="cG14" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coG14" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">G</text>
</g>
<g id="F16" opacity="0">
<circle id="cF16" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coF16" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">F</text>
</g>
<g id="A18" opacity="0">
<circle id="cA18" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA18" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">A</text>
</g>
<g id="B20" opacity="0">
<circle id="cB20" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB20" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">B</text>
</g>
<g id="C22" opacity="0">
<circle id="cC22" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC22" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">C</text>
</g>
<g id="E24" opacity="0">
<circle id="cE24" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coE24" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">E</text>
</g>
<g id="I26" opacity="0">
<circle id="cI26" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coI26" x="0" y="0" dx="-6" dy="6" fill="rgb(0,0,0)">I</text>
</g>
<animate attributeName="viewBox" from="-40 -30 80 80" to="-467 -404 931 864" begin="1000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#k11" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M70 77 L-206 111 Z" />
<animateMotion xlink:href="#libk11" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -68 94" />
<animate xlink:href="#k11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libk11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bik11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#p13" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M70 77 L121 328 Z" />
<animateMotion xlink:href="#libp13" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 95 202" />
<animate xlink:href="#p13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libp13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bip13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#s7" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M233 -124 L86 -364 Z" />
<animateMotion xlink:href="#libs7" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 159 -244" />
<animate xlink:href="#s7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libs7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bis7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#n15" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M70 77 L-23 -200 Z" />
<animateMotion xlink:href="#libn15" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 23 -61" />
<animate xlink:href="#n15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libn15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bin15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#l19" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-206 111 L-413 12 Z" />
<animateMotion xlink:href="#libl19" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -309 61" />
<animate xlink:href="#l19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libl19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bil19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#d23" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-23 -200 L208 -348 Z" />
<animateMotion xlink:href="#libd23" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 92 -274" />
<animate xlink:href="#d23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libd23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bid23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#m27" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-413 12 L-427 -190 Z" />
<animateMotion xlink:href="#libm27" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -420 -89" />
<animate xlink:href="#m27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libm27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bim27" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#r3" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 10 L0 0 Z;M424 -28 L233 -124 Z" />
<animateMotion xlink:href="#libr3" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 328 -81" />
<animate xlink:href="#r3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libr3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bir3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#g25" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-307 295 L-144 420 Z" />
<animateMotion xlink:href="#libg25" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -225 357" />
<animate xlink:href="#g25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libg25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#big25" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#q5" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M233 -124 L70 77 Z" />
<animateMotion xlink:href="#libq5" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 151 -23" />
<animate xlink:href="#q5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libq5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#biq5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#h17" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-206 111 L-307 295 Z" />
<animateMotion xlink:href="#libh17" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -256 203" />
<animate xlink:href="#h17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libh17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bih17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#o9" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M70 77 L282 227 Z" />
<animateMotion xlink:href="#libo9" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 176 152" />
<animate xlink:href="#o9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#libo9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bio9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#a21" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-23 -200 L-204 -362 Z" />
<animateMotion xlink:href="#liba21" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -113 -281" />
<animate xlink:href="#a21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#liba21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#bia21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#E24" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -144 420" />
<animate xlink:href="#E24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#F16" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -307 295" />
<animate xlink:href="#F16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#L2" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 233 -124" />
<animate xlink:href="#L2" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#J10" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -206 111" />
<animate xlink:href="#J10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#I26" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -427 -190" />
<animate xlink:href="#I26" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#D8" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 282 227" />
<animate xlink:href="#D8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#A18" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -413 12" />
<animate xlink:href="#A18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#S6" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 86 -364" />
<animate xlink:href="#S6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#M1" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 10 l 424 -38" />
<animate xlink:href="#cM1" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#K4" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 70 77" />
<animate xlink:href="#K4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#H12" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 121 328" />
<animate xlink:href="#H12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#B20" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -204 -362" />
<animate xlink:href="#B20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#G14" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -23 -200" />
<animate xlink:href="#G14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#C22" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 208 -348" />
<animate xlink:href="#C22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="1000ms" fill="freeze"/>
</svg>
</body>
</html>