Skip to content

Instantly share code, notes, and snippets.

@helderdarocha

helderdarocha/README.md

Last active May 12, 2016 23:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save helderdarocha/a100bc8a3f7e629d745271a4788a99d4 to your computer and use it in GitHub Desktop.
Save helderdarocha/a100bc8a3f7e629d745271a4788a99d4 to your computer and use it in GitHub Desktop.
Download ZIP
Main asteroid belt (SVG animation)
Raw
README.md
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Asteroid belt (generated SVG)</title>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="900px" viewBox="0 0 1000 900" width="1000px"><script>
var svg = document.documentElement;
var svgns = 'http://www.w3.org/2000/svg';
var xlinkns = 'http://www.w3.org/1999/xlink';
var paused = false;
function togglePause() {
if (paused) {
play();
} else {
pause();
}
}
function pause() {
svg.pauseAnimations();
paused = true;
document.getElementById("pauseButton").setAttribute("opacity","0");
document.getElementById("playButton").setAttribute("opacity","0.5");
}
function play() {
svg.unpauseAnimations();
paused = false;
document.getElementById("playButton").setAttribute("opacity","0");
document.getElementById("pauseButton").setAttribute("opacity","0.5");
}
</script>
<style type="text/css">
text {
font-family: calibri, sans-serif;
}
</style>
<title>Cinturão de asteróides</title>
<defs>
<filter filterUnits="userSpaceOnUse" height="100%" id="raios" width="100%" x="0" y="0">
<feGaussianBlur stdDeviation="6"/>
</filter>
<rect fill="#000030" height="900" id="fundo" width="1000"/>
<rect height="15" id="tipoBarra" width="15"/>
<g fill="#ffffff" id="legenda" style="font-size:12pt">
<text font-weight="bold" textLength="110" y="13">LEGENDA</text>
<use fill="#ffff80" x="135" xlink:href="#tipoBarra"/>
<text x="160" y="13">Planeta</text>
<use fill="#ff80ff" x="235" xlink:href="#tipoBarra"/>
<text x="260" y="13">Planeta-Anão</text>
<use fill="#80ff80" x="375" xlink:href="#tipoBarra"/>
<text x="400" y="13">Asteroide</text>
<use fill="#00ffff" x="495" xlink:href="#tipoBarra"/>
<text x="520" y="13">Objeto Trans-Netuniano</text>
<use fill="rgb(255,50,50)" x="695" xlink:href="#tipoBarra"/>
<text x="720" y="13">Cometa</text>
<use fill="#9060ff" x="795" xlink:href="#tipoBarra"/>
<text x="820" y="13">Centauro</text>
<use fill="#ffffff" x="895" xlink:href="#tipoBarra"/>
<text x="920" y="13">Ceres</text>
</g>
<g fill="#ffffff" id="titulo">
<text font-size="24pt" y="30">Cinturão de asteróides</text>
<text font-size="12pt" x="2" y="50">Orbitas entre 0,387 e 5,264 UA</text>
<text font-size="12pt" x="2" y="70">Exibindo 78 objetos com diametro maior que 150
km.</text>
</g>
<g id="grafico" transform="scale(0.7308449450429676) translate(129.19442637937556, 0)">
<g id="a488" transform="rotate(69.68,512.51,350) ">
<path d="M 176,350 A 288.58,278.88 0 1,0 753.17,350 A 288.58,278.88 0 0,0 176,350"
fill="none" id="a488-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a488-object">
<animateMotion calcMode="spline" dur="112.11s" keyPoints="0;1"
keySplines="0.5085467661626802,0.49145323383731987 0.49145323383731987,0.5085467661626802"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a488-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Kreusa (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-69.68)" x="9" y="7">Kreusa</text>
</g>
</g>
<g id="a150" transform="rotate(151.32,512.51,350) ">
<path
d="M 206.1,350 A 271.76,269.34 0 1,0 749.62,350 A 271.76,269.34 0 0,0 206.1,350"
fill="none" id="a150-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a150-object">
<animateMotion calcMode="spline" dur="102.31s" keyPoints="0;1"
keySplines="0.5022319243653458,0.49776807563465425 0.49776807563465425,0.5022319243653458"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a150-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Nuwa (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-151.32)" x="9" y="7">Nuwa</text>
</g>
</g>
<g id="a145" transform="rotate(44.57,512.51,350) ">
<path
d="M 233.46,350 A 243.67,235.24 0 1,0 720.8,350 A 243.67,235.24 0 0,0 233.46,350"
fill="none" id="a145-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a145-object">
<animateMotion calcMode="spline" dur="87.07s" keyPoints="0;1"
keySplines="0.5087965771920219,0.4912034228079781 0.4912034228079781,0.5087965771920219"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a145-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Adeona (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-44.57)" x="9" y="7">Adeona</text>
</g>
</g>
<g id="a776" transform="rotate(307.06,512.51,350) ">
<path
d="M 201.54,350 A 267.65,250.84 0 1,0 736.85,350 A 267.65,250.84 0 0,0 201.54,350"
fill="none" id="a776-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a776-object">
<animateMotion calcMode="spline" dur="100.14s" keyPoints="0;1"
keySplines="0.516214484106391,0.4837855158936089 0.4837855158936089,0.516214484106391"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a776-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Berbericia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-307.06)" x="9" y="7">Berbericia</text>
</g>
</g>
<g id="a536" transform="rotate(300.68,512.51,350) ">
<path
d="M 166.89,350 A 319.45,300.34 0 1,0 805.79,350 A 319.45,300.34 0 0,0 166.89,350"
fill="none" id="a536-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a536-object">
<animateMotion calcMode="spline" dur="130.61s" keyPoints="0;1"
keySplines="0.5154195113953761,0.4845804886046239 0.4845804886046239,0.5154195113953761"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a536-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Merapi (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-300.68)" x="9" y="7">Merapi</text>
</g>
</g>
<g id="a89" transform="rotate(44.68,512.51,350) ">
<path
d="M 237.1,350 A 232.68,219.71 0 1,0 702.47,350 A 232.68,219.71 0 0,0 237.1,350"
fill="none" id="a89-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a89-object">
<animateMotion calcMode="spline" dur="81.09s" keyPoints="0;1"
keySplines="0.5143362940739226,0.48566370592607744 0.48566370592607744,0.5143362940739226"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a89-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Julia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-44.68)" x="9" y="7">Julia</text>
</g>
</g>
<g id="a14" transform="rotate(96.55,512.51,350) ">
<path
d="M 237.1,350 A 235.96,229.72 0 1,0 709.03,350 A 235.96,229.72 0 0,0 237.1,350"
fill="none" id="a14-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a14-object">
<animateMotion calcMode="spline" dur="82.72s" keyPoints="0;1"
keySplines="0.5067082103230072,0.4932917896769928 0.4932917896769928,0.5067082103230072"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a14-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Irene (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-96.55)" x="9" y="7">Irene</text>
</g>
</g>
<g id="a11" transform="rotate(194.95,512.51,350) ">
<path
d="M 266.29,350 A 223.84,221.99 0 1,0 713.96,350 A 223.84,221.99 0 0,0 266.29,350"
fill="none" id="a11-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a11-object">
<animateMotion calcMode="spline" dur="76.19s" keyPoints="0;1"
keySplines="0.5020739411161902,0.4979260588838098 0.4979260588838098,0.5020739411161902"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a11-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Parthenope (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-194.95)" x="9" y="7">Parthenope</text>
</g>
</g>
<g id="a173" transform="rotate(227.7,512.51,350) ">
<path
d="M 210.66,350 A 250.15,237.24 0 1,0 710.95,350 A 250.15,237.24 0 0,0 210.66,350"
fill="none" id="a173-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a173-object">
<animateMotion calcMode="spline" dur="90.34s" keyPoints="0;1"
keySplines="0.513235287438575,0.48676471256142495 0.48676471256142495,0.513235287438575"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a173-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Ino (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-227.7)" x="9" y="7">Ino</text>
</g>
</g>
<g id="a165" transform="rotate(348.48,512.51,350) ">
<path
d="M 203.36,350 A 284.94,278.47 0 1,0 773.23,350 A 284.94,278.47 0 0,0 203.36,350"
fill="none" id="a165-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a165-object">
<animateMotion calcMode="spline" dur="109.93s" keyPoints="0;1"
keySplines="0.5057386741196667,0.4942613258803334 0.4942613258803334,0.5057386741196667"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a165-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Loreley (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-348.48)" x="9" y="7">Loreley</text>
</g>
</g>
<g id="a85" transform="rotate(122.33,512.51,350) ">
<path
d="M 224.34,350 A 241.94,232.32 0 1,0 708.21,350 A 241.94,232.32 0 0,0 224.34,350"
fill="none" id="a85-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a85-object">
<animateMotion calcMode="spline" dur="85.99s" keyPoints="0;1"
keySplines="0.5101358114575213,0.4898641885424787 0.4898641885424787,0.5101358114575213"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a85-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Io (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-122.33)" x="9" y="7">Io</text>
</g>
</g>
<g id="a354" transform="rotate(6.53,512.51,350) ">
<path
d="M 227.99,350 A 255.3,240.67 0 1,0 738.58,350 A 255.3,240.67 0 0,0 227.99,350"
fill="none" id="a354-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a354-object">
<animateMotion calcMode="spline" dur="93.06s" keyPoints="0;1"
keySplines="0.5147496694239535,0.48525033057604644 0.48525033057604644,0.5147496694239535"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a354-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Eleonora (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-6.53)" x="9" y="7">Eleonora</text>
</g>
</g>
<g id="a139" transform="rotate(166.11,512.51,350) ">
<path
d="M 214.31,350 A 253.79,245.36 0 1,0 721.89,350 A 253.79,245.36 0 0,0 214.31,350"
fill="none" id="a139-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a139-object">
<animateMotion calcMode="spline" dur="91.97s" keyPoints="0;1"
keySplines="0.5084466693474246,0.4915533306525755 0.4915533306525755,0.5084466693474246"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a139-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Juewa (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-166.11)" x="9" y="7">Juewa</text>
</g>
</g>
<g id="a185" transform="rotate(224.41,512.51,350) ">
<path
d="M 230.72,350 A 249.83,227.7 0 1,0 730.37,350 A 249.83,227.7 0 0,0 230.72,350"
fill="none" id="a185-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a185-object">
<animateMotion calcMode="spline" dur="90.34s" keyPoints="0;1"
keySplines="0.5231644115238869,0.476835588476113 0.476835588476113,0.5231644115238869"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a185-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Eunike (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-224.41)" x="9" y="7">Eunike</text>
</g>
</g>
<g id="a804" transform="rotate(342.7,512.51,350) ">
<path
d="M 217.95,350 A 258.76,247.11 0 1,0 735.48,350 A 258.76,247.11 0 0,0 217.95,350"
fill="none" id="a804-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a804-object">
<animateMotion calcMode="spline" dur="95.24s" keyPoints="0;1"
keySplines="0.5115181367282575,0.4884818632717425 0.4884818632717425,0.5115181367282575"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a804-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hispania (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-342.7)" x="9" y="7">Hispania</text>
</g>
</g>
<g id="a334" transform="rotate(153.36,512.51,350) ">
<path
d="M 149.56,350 A 354.74,353.49 0 1,0 859.05,350 A 354.74,353.49 0 0,0 149.56,350"
fill="none" id="a334-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a334-object">
<animateMotion calcMode="spline" dur="152.38s" keyPoints="0;1"
keySplines="0.5008876117582785,0.4991123882417215 0.4991123882417215,0.5008876117582785"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a334-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Chicago (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-153.36)" x="9" y="7">Chicago</text>
</g>
</g>
<g id="a190" transform="rotate(274.44,512.51,350) ">
<path
d="M 89.37,350 A 363.27,356.23 0 1,0 815.91,350 A 363.27,356.23 0 0,0 89.37,350"
fill="none" id="a190-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a190-object">
<animateMotion calcMode="spline" dur="157.82s" keyPoints="0;1"
keySplines="0.5048942473014003,0.49510575269859963 0.49510575269859963,0.5048942473014003"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a190-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Ismene (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-274.44)" x="9" y="7">Ismene</text>
</g>
</g>
<g id="a209" transform="rotate(250.3,512.51,350) ">
<path
d="M 207.92,350 A 286.99,284.21 0 1,0 781.9,350 A 286.99,284.21 0 0,0 207.92,350"
fill="none" id="a209-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a209-object">
<animateMotion calcMode="spline" dur="111.02s" keyPoints="0;1"
keySplines="0.502433647766871,0.4975663522331289 0.4975663522331289,0.502433647766871"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a209-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Dido (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-250.3)" x="9" y="7">Dido</text>
</g>
</g>
<g id="a409" transform="rotate(353.67,512.51,350) ">
<path
d="M 260.82,350 A 235.1,230.01 0 1,0 731.01,350 A 235.1,230.01 0 0,0 260.82,350"
fill="none" id="a409-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a409-object">
<animateMotion calcMode="spline" dur="82.18s" keyPoints="0;1"
keySplines="0.5054660935434788,0.4945339064565212 0.4945339064565212,0.5054660935434788"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a409-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Aspasia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-353.67)" x="9" y="7">Aspasia</text>
</g>
</g>
<g id="a444" transform="rotate(155.46,512.51,350) ">
<path
d="M 216.13,350 A 252.61,244.79 0 1,0 721.35,350 A 252.61,244.79 0 0,0 216.13,350"
fill="none" id="a444-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a444-object">
<animateMotion calcMode="spline" dur="91.43s" keyPoints="0;1"
keySplines="0.5078560435026297,0.49214395649737025 0.49214395649737025,0.5078560435026297"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a444-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Gyptis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-155.46)" x="9" y="7">Gyptis</text>
</g>
</g>
<g id="a1437" transform="rotate(127.97,512.51,350) ">
<path
d="M 20.06,350 A 471.52,441.19 0 1,0 963.1,350 A 471.52,441.19 0 0,0 20.06,350"
fill="none" id="a1437-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a1437-object">
<animateMotion calcMode="spline" dur="234.01s" keyPoints="0;1"
keySplines="0.5166121911442786,0.4833878088557214 0.4833878088557214,0.5166121911442786"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a1437-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Diomedes (asteroide, asteroide)</title>
</circle>
<text font-size="14" transform="rotate(-127.97)" x="9" y="7">Diomedes</text>
</g>
</g>
<g id="a59" transform="rotate(211.59,512.51,350) ">
<path
d="M 236.19,350 A 247.41,242.93 0 1,0 731.01,350 A 247.41,242.93 0 0,0 236.19,350"
fill="none" id="a59-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a59-object">
<animateMotion calcMode="spline" dur="88.71s" keyPoints="0;1"
keySplines="0.5045648774500382,0.49543512254996175 0.49543512254996175,0.5045648774500382"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a59-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Elpis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-211.59)" x="9" y="7">Elpis</text>
</g>
</g>
<g id="a386" transform="rotate(219.41,512.51,350) ">
<path
d="M 202.45,350 A 264.28,244.17 0 1,0 731.01,350 A 264.28,244.17 0 0,0 202.45,350"
fill="none" id="a386-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a386-object">
<animateMotion calcMode="spline" dur="97.96s" keyPoints="0;1"
keySplines="0.5197804216873562,0.48021957831264384 0.48021957831264384,0.5197804216873562"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a386-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Siegena (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-219.41)" x="9" y="7">Siegena</text>
</g>
</g>
<g id="a54" transform="rotate(345.8,512.51,350) ">
<path
d="M 216.13,350 A 247.46,237.44 0 1,0 711.04,350 A 247.46,237.44 0 0,0 216.13,350"
fill="none" id="a54-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a54-object">
<animateMotion calcMode="spline" dur="88.71s" keyPoints="0;1"
keySplines="0.510322789628347,0.48967721037165296 0.48967721037165296,0.510322789628347"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a54-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Alexandra (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-345.8)" x="9" y="7">Alexandra</text>
</g>
</g>
<g id="a911" transform="rotate(80.26,512.51,350) ">
<path d="M 0,350 A 480,444.71 0 1,0 960,350 A 480,444.71 0 0,0 0,350" fill="none"
id="a911-path" stroke="#80ff80" stroke-opacity="0.5" stroke-width="0.4"/>
<g fill="#80ff80" id="a911-object">
<animateMotion calcMode="spline" dur="240s" keyPoints="0;1"
keySplines="0.5190806324684754,0.4809193675315246 0.4809193675315246,0.5190806324684754"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a911-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Agamemnon (asteroide, asteroide)</title>
</circle>
<text font-size="14" transform="rotate(-80.26)" x="9" y="7">Agamemnon</text>
</g>
</g>
<g id="a566" transform="rotate(294.8,512.51,350) ">
<path
d="M 169.62,350 A 308.46,305.42 0 1,0 786.55,350 A 308.46,305.42 0 0,0 169.62,350"
fill="none" id="a566-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a566-object">
<animateMotion calcMode="spline" dur="123.54s" keyPoints="0;1"
keySplines="0.502482033843274,0.49751796615672594 0.49751796615672594,0.502482033843274"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a566-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Stereoskopia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-294.8)" x="9" y="7">Stereoskopia</text>
</g>
</g>
<g id="a194" transform="rotate(163.07,512.51,350) ">
<path
d="M 217.04,350 A 238.97,220.21 0 1,0 694.99,350 A 238.97,220.21 0 0,0 217.04,350"
fill="none" id="a194-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a194-object">
<animateMotion calcMode="spline" dur="84.35s" keyPoints="0;1"
keySplines="0.5204276210457538,0.4795723789542462 0.4795723789542462,0.5204276210457538"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a194-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Prokne (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-163.07)" x="9" y="7">Prokne</text>
</g>
</g>
<g id="a241" transform="rotate(79.07,512.51,350) ">
<path
d="M 207.01,350 A 278.42,275.81 0 1,0 763.84,350 A 278.42,275.81 0 0,0 207.01,350"
fill="none" id="a241-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a241-object">
<animateMotion calcMode="spline" dur="106.12s" keyPoints="0;1"
keySplines="0.5023463870271706,0.4976536129728295 0.4976536129728295,0.5023463870271706"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a241-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Germania (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-79.07)" x="9" y="7">Germania</text>
</g>
</g>
<g id="a96" transform="rotate(208.36,512.51,350) ">
<path
d="M 196.07,350 A 278.23,264.96 0 1,0 752.53,350 A 278.23,264.96 0 0,0 196.07,350"
fill="none" id="a96-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a96-object">
<animateMotion calcMode="spline" dur="106.12s" keyPoints="0;1"
keySplines="0.5122172431263036,0.48778275687369643 0.48778275687369643,0.5122172431263036"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a96-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Aegle (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-208.36)" x="9" y="7">Aegle</text>
</g>
</g>
<g id="a790" transform="rotate(39.36,512.51,350) ">
<path
d="M 155.03,350 A 310.65,287.6 0 1,0 776.34,350 A 310.65,287.6 0 0,0 155.03,350"
fill="none" id="a790-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a790-object">
<animateMotion calcMode="spline" dur="125.17s" keyPoints="0;1"
keySplines="0.5192680442420371,0.4807319557579629 0.4807319557579629,0.5192680442420371"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a790-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Pretoria (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-39.36)" x="9" y="7">Pretoria</text>
</g>
</g>
<g id="a153" transform="rotate(39.14,512.51,350) ">
<path
d="M 100.31,350 A 362.18,355.36 0 1,0 824.67,350 A 362.18,355.36 0 0,0 100.31,350"
fill="none" id="a153-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a153-object">
<animateMotion calcMode="spline" dur="157.28s" keyPoints="0;1"
keySplines="0.5047489248851403,0.49525107511485966 0.49525107511485966,0.5047489248851403"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a153-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hilda (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-39.14)" x="9" y="7">Hilda</text>
</g>
</g>
<g id="a747" transform="rotate(275.23,512.51,350) ">
<path
d="M 145.91,350 A 273.4,244.21 0 1,0 692.71,350 A 273.4,244.21 0 0,0 145.91,350"
fill="none" id="a747-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a747-object">
<animateMotion calcMode="spline" dur="103.4s" keyPoints="0;1"
keySplines="0.528199509425661,0.471800490574339 0.471800490574339,0.528199509425661"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a747-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Winchester (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-275.23)" x="9" y="7">Winchester</text>
</g>
</g>
<g id="a41" transform="rotate(46.12,512.51,350) ">
<path
d="M 191.51,350 A 251.92,233.13 0 1,0 695.35,350 A 251.92,233.13 0 0,0 191.51,350"
fill="none" id="a41-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a41-object">
<animateMotion calcMode="spline" dur="91.43s" keyPoints="0;1"
keySplines="0.5193773949996779,0.4806226050003221 0.4806226050003221,0.5193773949996779"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a41-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Daphne (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-46.12)" x="9" y="7">Daphne</text>
</g>
</g>
<g id="a120" transform="rotate(232.08,512.51,350) ">
<path
d="M 211.57,350 A 284.25,281.68 0 1,0 780.07,350 A 284.25,281.68 0 0,0 211.57,350"
fill="none" id="a120-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a120-object">
<animateMotion calcMode="spline" dur="109.39s" keyPoints="0;1"
keySplines="0.5022753419278395,0.4977246580721605 0.4977246580721605,0.5022753419278395"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a120-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Lachesis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-232.08)" x="9" y="7">Lachesis</text>
</g>
</g>
<g id="a259" transform="rotate(168.78,512.51,350) ">
<path
d="M 190.6,350 A 286.21,278.95 0 1,0 763.02,350 A 286.21,278.95 0 0,0 190.6,350"
fill="none" id="a259-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a259-object">
<animateMotion calcMode="spline" dur="110.48s" keyPoints="0;1"
keySplines="0.5064278551387263,0.49357214486127365 0.49357214486127365,0.5064278551387263"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a259-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Aletheia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-168.78)" x="9" y="7">Aletheia</text>
</g>
</g>
<g id="a22" transform="rotate(355.03,512.51,350) ">
<path
d="M 219.78,350 A 265.56,256.65 0 1,0 750.89,350 A 265.56,256.65 0 0,0 219.78,350"
fill="none" id="a22-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a22-object">
<animateMotion calcMode="spline" dur="98.5s" keyPoints="0;1"
keySplines="0.5085309981857394,0.4914690018142605 0.4914690018142605,0.5085309981857394"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a22-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Kalliope (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-355.03)" x="9" y="7">Kalliope</text>
</g>
</g>
<g id="a130" transform="rotate(235.33,512.51,350) ">
<path
d="M 167.8,350 A 284.98,256.75 0 1,0 737.76,350 A 284.98,256.75 0 0,0 167.8,350"
fill="none" id="a130-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a130-object">
<animateMotion calcMode="spline" dur="109.93s" keyPoints="0;1"
keySplines="0.5260603985461376,0.4739396014538624 0.4739396014538624,0.5260603985461376"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a130-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Elektra (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-235.33)" x="9" y="7">Elektra</text>
</g>
</g>
<g id="a76" transform="rotate(253.56,512.51,350) ">
<path
d="M 150.47,350 A 311.2,306.81 0 1,0 772.87,350 A 311.2,306.81 0 0,0 150.47,350"
fill="none" id="a76-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a76-object">
<animateMotion calcMode="spline" dur="125.17s" keyPoints="0;1"
keySplines="0.5035526612438438,0.49644733875615626 0.49644733875615626,0.5035526612438438"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a76-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Freia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-253.56)" x="9" y="7">Freia</text>
</g>
</g>
<g id="a154" transform="rotate(155.37,512.51,350) ">
<path
d="M 197.89,350 A 290.86,270.56 0 1,0 779.62,350 A 290.86,270.56 0 0,0 197.89,350"
fill="none" id="a154-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a154-object">
<animateMotion calcMode="spline" dur="113.2s" keyPoints="0;1"
keySplines="0.5180778530833945,0.48192214691660556 0.48192214691660556,0.5180778530833945"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a154-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Bertha (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-155.37)" x="9" y="7">Bertha</text>
</g>
</g>
<g id="a6" transform="rotate(239.36,512.51,350) ">
<path
d="M 246.22,350 A 221.33,209.57 0 1,0 688.88,350 A 221.33,209.57 0 0,0 246.22,350"
fill="none" id="a6-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a6-object">
<animateMotion calcMode="spline" dur="75.1s" keyPoints="0;1"
keySplines="0.5136411635279812,0.4863588364720189 0.4863588364720189,0.5136411635279812"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a6-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hebe (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-239.36)" x="9" y="7">Hebe</text>
</g>
</g>
<g id="a128" transform="rotate(302.73,512.51,350) ">
<path
d="M 230.72,350 A 250.65,247.23 0 1,0 732.01,350 A 250.65,247.23 0 0,0 230.72,350"
fill="none" id="a128-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a128-object">
<animateMotion calcMode="spline" dur="90.88s" keyPoints="0;1"
keySplines="0.5034350907294687,0.49656490927053126 0.49656490927053126,0.5034350907294687"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a128-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Nemesis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-302.73)" x="9" y="7">Nemesis</text>
</g>
</g>
<g id="a372" transform="rotate(115.73,512.51,350) ">
<path
d="M 150.47,350 A 286.94,253.27 0 1,0 724.35,350 A 286.94,253.27 0 0,0 150.47,350"
fill="none" id="a372-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a372-object">
<animateMotion calcMode="spline" dur="111.02s" keyPoints="0;1"
keySplines="0.5311634944567956,0.4688365055432045 0.4688365055432045,0.5311634944567956"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a372-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Palma (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-115.73)" x="9" y="7">Palma</text>
</g>
</g>
<g id="a9" transform="rotate(6.27,512.51,350) ">
<path
d="M 268.11,350 A 217.68,215.01 0 1,0 703.47,350 A 217.68,215.01 0 0,0 268.11,350"
fill="none" id="a9-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a9-object">
<animateMotion calcMode="spline" dur="73.47s" keyPoints="0;1"
keySplines="0.5030808905561839,0.49691910944381606 0.49691910944381606,0.5030808905561839"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a9-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Metis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-6.27)" x="9" y="7">Metis</text>
</g>
</g>
<g id="a702" transform="rotate(353.58,512.51,350) ">
<path
d="M 215.22,350 A 291.23,272.53 0 1,0 797.67,350 A 291.23,272.53 0 0,0 215.22,350"
fill="none" id="a702-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a702-object">
<animateMotion calcMode="spline" dur="113.74s" keyPoints="0;1"
keySplines="0.5165835837631153,0.4834164162368845 0.4834164162368845,0.5165835837631153"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a702-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Alauda (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-353.58)" x="9" y="7">Alauda</text>
</g>
</g>
<g id="a24" transform="rotate(107.71,512.51,350) ">
<path
d="M 189.68,350 A 285.39,282.9 0 1,0 760.47,350 A 285.39,282.9 0 0,0 189.68,350"
fill="none" id="a24-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a24-object">
<animateMotion calcMode="spline" dur="109.93s" keyPoints="0;1"
keySplines="0.5021914302366066,0.49780856976339344 0.49780856976339344,0.5021914302366066"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a24-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Themis (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-107.71)" x="9" y="7">Themis</text>
</g>
</g>
<g id="a7" transform="rotate(145.17,512.51,350) ">
<path
d="M 244.4,350 A 217.77,210.89 0 1,0 679.94,350 A 217.77,210.89 0 0,0 244.4,350"
fill="none" id="a7-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a7-object">
<animateMotion calcMode="spline" dur="73.47s" keyPoints="0;1"
keySplines="0.5080255264786824,0.4919744735213176 0.4919744735213176,0.5080255264786824"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a7-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Iris (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-145.17)" x="9" y="7">Iris</text>
</g>
</g>
<g id="a19" transform="rotate(182.12,512.51,350) ">
<path
d="M 254.43,350 A 222.83,219.94 0 1,0 700.1,350 A 222.83,219.94 0 0,0 254.43,350"
fill="none" id="a19-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a19-object">
<animateMotion calcMode="spline" dur="75.65s" keyPoints="0;1"
keySplines="0.50326101608473,0.49673898391526994 0.49673898391526994,0.50326101608473"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a19-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Fortuna (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-182.12)" x="9" y="7">Fortuna</text>
</g>
</g>
<g id="a94" transform="rotate(59.91,512.51,350) ">
<path
d="M 198.8,350 A 288.26,284.37 0 1,0 775.33,350 A 288.26,284.37 0 0,0 198.8,350"
fill="none" id="a94-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a94-object">
<animateMotion calcMode="spline" dur="111.56s" keyPoints="0;1"
keySplines="0.5034040967840174,0.4965959032159825 0.4965959032159825,0.5034040967840174"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a94-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Aurora (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-59.91)" x="9" y="7">Aurora</text>
</g>
</g>
<g id="a13" transform="rotate(80.46,512.51,350) ">
<path
d="M 257.17,350 A 235.01,224.44 0 1,0 727.18,350 A 235.01,224.44 0 0,0 257.17,350"
fill="none" id="a13-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a13-object">
<animateMotion calcMode="spline" dur="82.18s" keyPoints="0;1"
keySplines="0.5115023386735268,0.48849766132647315 0.48849766132647315,0.5115023386735268"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a13-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Egeria (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-80.46)" x="9" y="7">Egeria</text>
</g>
</g>
<g id="a423" transform="rotate(202.89,512.51,350) ">
<path
d="M 221.6,350 A 279.74,274.16 0 1,0 781.08,350 A 279.74,274.16 0 0,0 221.6,350"
fill="none" id="a423-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a423-object">
<animateMotion calcMode="spline" dur="106.67s" keyPoints="0;1"
keySplines="0.5050324255912346,0.4949675744087654 0.4949675744087654,0.5050324255912346"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a423-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Diotima (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-202.89)" x="9" y="7">Diotima</text>
</g>
</g>
<g id="a121" transform="rotate(297.96,512.51,350) ">
<path
d="M 155.94,350 A 314.12,308.5 0 1,0 784.18,350 A 314.12,308.5 0 0,0 155.94,350"
fill="none" id="a121-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a121-object">
<animateMotion calcMode="spline" dur="127.35s" keyPoints="0;1"
keySplines="0.5045097533915754,0.49549024660842456 0.49549024660842456,0.5045097533915754"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a121-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hermione (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-297.96)" x="9" y="7">Hermione</text>
</g>
</g>
<g id="a29" transform="rotate(62.93,512.51,350) ">
<path
d="M 262.64,350 A 232.82,230.88 0 1,0 728.28,350 A 232.82,230.88 0 0,0 262.64,350"
fill="none" id="a29-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a29-object">
<animateMotion calcMode="spline" dur="81.09s" keyPoints="0;1"
keySplines="0.5020919731306427,0.4979080268693573 0.4979080268693573,0.5020919731306427"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a29-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Amphitrite (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-62.93)" x="9" y="7">Amphitrite</text>
</g>
</g>
<g id="a45" transform="rotate(85.83,512.51,350) ">
<path d="M 244.4,350 A 248,245.54 0 1,0 740.4,350 A 248,245.54 0 0,0 244.4,350"
fill="none" id="a45-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a45-object">
<animateMotion calcMode="spline" dur="89.25s" keyPoints="0;1"
keySplines="0.5024918355918407,0.4975081644081592 0.4975081644081592,0.5024918355918407"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a45-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Eugenia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-85.83)" x="9" y="7">Eugenia</text>
</g>
</g>
<g id="a375" transform="rotate(343.02,512.51,350) ">
<path
d="M 196.98,350 A 284.89,272.33 0 1,0 766.76,350 A 284.89,272.33 0 0,0 196.98,350"
fill="none" id="a375-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a375-object">
<animateMotion calcMode="spline" dur="109.93s" keyPoints="0;1"
keySplines="0.5112672075715889,0.4887327924284111 0.4887327924284111,0.5112672075715889"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a375-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Ursula (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-343.02)" x="9" y="7">Ursula</text>
</g>
</g>
<g id="a48" transform="rotate(256.7,512.51,350) ">
<path
d="M 207.92,350 A 283.34,280.69 0 1,0 774.6,350 A 283.34,280.69 0 0,0 207.92,350"
fill="none" id="a48-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a48-object">
<animateMotion calcMode="spline" dur="108.84s" keyPoints="0;1"
keySplines="0.5023471316249849,0.49765286837501516 0.49765286837501516,0.5023471316249849"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a48-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Doris (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-256.7)" x="9" y="7">Doris</text>
</g>
</g>
<g id="a532" transform="rotate(76.51,512.51,350) ">
<path
d="M 215.22,350 A 252.52,238.51 0 1,0 720.25,350 A 252.52,238.51 0 0,0 215.22,350"
fill="none" id="a532-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a532-object">
<animateMotion calcMode="spline" dur="91.97s" keyPoints="0;1"
keySplines="0.5142585338572507,0.48574146614274916 0.48574146614274916,0.5142585338572507"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a532-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Herculina (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-76.51)" x="9" y="7">Herculina</text>
</g>
</g>
<g id="a107" transform="rotate(309.66,512.51,350) ">
<path
d="M 170.53,350 A 317.72,311.93 0 1,0 805.97,350 A 317.72,311.93 0 0,0 170.53,350"
fill="none" id="a107-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a107-object">
<animateMotion calcMode="spline" dur="128.98s" keyPoints="0;1"
keySplines="0.5045964238019094,0.49540357619809056 0.49540357619809056,0.5045964238019094"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a107-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Camilla (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-309.66)" x="9" y="7">Camilla</text>
</g>
</g>
<g id="a451" transform="rotate(339.63,512.51,350) ">
<path
d="M 211.57,350 A 279.15,268.53 0 1,0 769.86,350 A 279.15,268.53 0 0,0 211.57,350"
fill="none" id="a451-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a451-object">
<animateMotion calcMode="spline" dur="106.12s" keyPoints="0;1"
keySplines="0.5096894089612205,0.49031059103877955 0.49031059103877955,0.5096894089612205"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a451-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Patientia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-339.63)" x="9" y="7">Patientia</text>
</g>
</g>
<g id="a624" transform="rotate(181.35,512.51,350) ">
<path d="M 23.71,350 A 477.9,453.93 0 1,0 979.52,350 A 477.9,453.93 0 0,0 23.71,350"
fill="none" id="a624-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a624-object">
<animateMotion calcMode="spline" dur="238.37s" keyPoints="0;1"
keySplines="0.5128641790494524,0.48713582095054775 0.48713582095054775,0.5128641790494524"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a624-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hektor (asteroide, asteroide)</title>
</circle>
<text font-size="14" transform="rotate(-181.35)" x="9" y="7">Hektor</text>
</g>
</g>
<g id="a324" transform="rotate(43.92,512.51,350) ">
<path
d="M 185.12,350 A 244.86,226.21 0 1,0 674.84,350 A 244.86,226.21 0 0,0 185.12,350"
fill="none" id="a324-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a324-object">
<animateMotion calcMode="spline" dur="87.62s" keyPoints="0;1"
keySplines="0.5197938335714867,0.4802061664285132 0.4802061664285132,0.5197938335714867"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a324-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Bamberga (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-43.92)" x="9" y="7">Bamberga</text>
</g>
</g>
<g id="a88" transform="rotate(36.19,512.51,350) ">
<path
d="M 218.87,350 A 252.11,247.63 0 1,0 723.08,350 A 252.11,247.63 0 0,0 218.87,350"
fill="none" id="a88-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a88-object">
<animateMotion calcMode="spline" dur="91.43s" keyPoints="0;1"
keySplines="0.5044793212920565,0.49552067870794353 0.49552067870794353,0.5044793212920565"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a88-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Thisbe (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-36.19)" x="9" y="7">Thisbe</text>
</g>
</g>
<g id="a3" transform="rotate(248.11,512.51,350) ">
<path
d="M 207.01,350 A 243.44,229.39 0 1,0 693.9,350 A 243.44,229.39 0 0,0 207.01,350"
fill="none" id="a3-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a3-object">
<animateMotion calcMode="spline" dur="86.53s" keyPoints="0;1"
keySplines="0.5148652669140702,0.4851347330859298 0.4851347330859298,0.5148652669140702"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a3-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Juno (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-248.11)" x="9" y="7">Juno</text>
</g>
</g>
<g id="a65" transform="rotate(103.21,512.51,350) ">
<path
d="M 165.97,350 A 312.66,310.22 0 1,0 791.29,350 A 312.66,310.22 0 0,0 165.97,350"
fill="none" id="a65-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a65-object">
<animateMotion calcMode="spline" dur="126.26s" keyPoints="0;1"
keySplines="0.5019591989444685,0.4980408010555315 0.4980408010555315,0.5019591989444685"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a65-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Cybele (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-103.21)" x="9" y="7">Cybele</text>
</g>
</g>
<g id="a16" transform="rotate(226.89,512.51,350) ">
<path
d="M 209.75,350 A 266.24,263.34 0 1,0 742.23,350 A 266.24,263.34 0 0,0 209.75,350"
fill="none" id="a16-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a16-object">
<animateMotion calcMode="spline" dur="99.05s" keyPoints="0;1"
keySplines="0.5027408175417601,0.4972591824582399 0.4972591824582399,0.5027408175417601"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a16-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Psyche (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-226.89)" x="9" y="7">Psyche</text>
</g>
</g>
<g id="a15" transform="rotate(97.82,512.51,350) ">
<path
d="M 226.16,350 A 240.98,231.72 0 1,0 708.12,350 A 240.98,231.72 0 0,0 226.16,350"
fill="none" id="a15-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a15-object">
<animateMotion calcMode="spline" dur="85.44s" keyPoints="0;1"
keySplines="0.5097950380042136,0.4902049619957864 0.4902049619957864,0.5097950380042136"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a15-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Eunomia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-97.82)" x="9" y="7">Eunomia</text>
</g>
</g>
<g id="a31" transform="rotate(61.76,512.51,350) ">
<path
d="M 160.5,350 A 287.44,251.08 0 1,0 735.39,350 A 287.44,251.08 0 0,0 160.5,350"
fill="none" id="a31-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a31-object">
<animateMotion calcMode="spline" dur="111.02s" keyPoints="0;1"
keySplines="0.5337595479806603,0.4662404520193398 0.4662404520193398,0.5337595479806603"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a31-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Euphrosyne (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-61.76)" x="9" y="7">Euphrosyne</text>
</g>
</g>
<g id="a87" transform="rotate(266.04,512.51,350) ">
<path
d="M 168.71,350 A 317.9,311.17 0 1,0 804.51,350 A 317.9,311.17 0 0,0 168.71,350"
fill="none" id="a87-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a87-object">
<animateMotion calcMode="spline" dur="129.52s" keyPoints="0;1"
keySplines="0.5053501628990579,0.4946498371009421 0.4946498371009421,0.5053501628990579"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a87-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Sylvia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-266.04)" x="9" y="7">Sylvia</text>
</g>
</g>
<g id="a52" transform="rotate(343.97,512.51,350) ">
<path
d="M 199.72,350 A 282.56,278.55 0 1,0 764.84,350 A 282.56,278.55 0 0,0 199.72,350"
fill="none" id="a52-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a52-object">
<animateMotion calcMode="spline" dur="108.3s" keyPoints="0;1"
keySplines="0.503575487278811,0.49642451272118904 0.49642451272118904,0.503575487278811"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a52-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Europa (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-343.97)" x="9" y="7">Europa</text>
</g>
</g>
<g id="a704" transform="rotate(95.86,512.51,350) ">
<path
d="M 191.51,350 A 278.96,263.32 0 1,0 749.43,350 A 278.96,263.32 0 0,0 191.51,350"
fill="none" id="a704-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a704-object">
<animateMotion calcMode="spline" dur="106.67s" keyPoints="0;1"
keySplines="0.5144276708394611,0.48557232916053894 0.48557232916053894,0.5144276708394611"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a704-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Interamnia (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-95.86)" x="9" y="7">Interamnia</text>
</g>
</g>
<g id="a511" transform="rotate(338.2,512.51,350) ">
<path d="M 169.62,350 A 288.9,272.9 0 1,0 747.43,350 A 288.9,272.9 0 0,0 169.62,350"
fill="none" id="a511-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a511-object">
<animateMotion calcMode="spline" dur="112.11s" keyPoints="0;1"
keySplines="0.5142413959589903,0.48575860404100973 0.48575860404100973,0.5142413959589903"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a511-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Davida (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-338.2)" x="9" y="7">Davida</text>
</g>
</g>
<g id="a10" transform="rotate(313.07,512.51,350) ">
<path
d="M 192.42,350 A 286.49,283.87 0 1,0 765.39,350 A 286.49,283.87 0 0,0 192.42,350"
fill="none" id="a10-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a10-object">
<animateMotion calcMode="spline" dur="110.48s" keyPoints="0;1"
keySplines="0.5022937482753159,0.49770625172468425 0.49770625172468425,0.5022937482753159"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a10-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Hygiea (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-313.07)" x="9" y="7">Hygiea</text>
</g>
</g>
<g id="a4" transform="rotate(149.84,512.51,350) ">
<path
d="M 278.14,350 A 215.35,212.85 0 1,0 708.85,350 A 215.35,212.85 0 0,0 278.14,350"
fill="none" id="a4-path" stroke="#80ff80" stroke-opacity="0.5"
stroke-width="0.4"/>
<g fill="#80ff80" id="a4-object">
<animateMotion calcMode="spline" dur="72.38s" keyPoints="0;1"
keySplines="0.5029189472039446,0.49708105279605536 0.49708105279605536,0.5029189472039446"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a4-path"/>
</animateMotion>
<circle cx="0" cy="0" r="1.0">
<title>Vesta (asteroide, cinturao-principal)</title>
</circle>
<text font-size="14" transform="rotate(-149.84)" x="9" y="7">Vesta</text>
</g>
</g>
<g id="a1" transform="rotate(72.59,512.51,350) ">
<path
d="M 239.29,350 A 252.74,247.62 0 1,0 744.78,350 A 252.74,247.62 0 0,0 239.29,350"
fill="none" id="a1-path" stroke="#ffffff" stroke-opacity="0.5" stroke-width="2"/>
<g fill="#ffffff" id="a1-object">
<animateMotion calcMode="spline" dur="91.43s" keyPoints="0;1"
keySplines="0.5051175317370781,0.49488246826292187 0.49488246826292187,0.5051175317370781"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#a1-path"/>
</animateMotion>
<circle cx="0" cy="0" r="4">
<title>Ceres (planeta-anao, planeta-anão)</title>
</circle>
<text font-size="18" transform="rotate(-72.59)" x="11" y="9">Ceres</text>
</g>
</g>
<g id="p1" transform="rotate(29.12,512.51,350) ">
<path d="M 469.95,350 A 35.3,34.29 0 1,0 540.55,350 A 35.3,34.29 0 0,0 469.95,350"
fill="none" id="p1-path" stroke="#ffff80" stroke-opacity="0.5" stroke-width="1"/>
<g fill="#ffff80" id="p1-object">
<animateMotion calcMode="spline" dur="4.79s" keyPoints="0;1"
keySplines="0.507270476161046,0.49272952383895396 0.49272952383895396,0.507270476161046"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#p1-path"/>
</animateMotion>
<circle cx="0" cy="0" r="2.0">
<title>Mercúrio (planeta, rochoso)</title>
</circle>
<text font-size="14" transform="rotate(-29.12)" x="9" y="7">Mercúrio</text>
</g>
</g>
<g id="p4" transform="rotate(286.54,512.51,350) ">
<path
d="M 360.58,350 A 138.93,138.25 0 1,0 638.45,350 A 138.93,138.25 0 0,0 360.58,350"
fill="none" id="p4-path" stroke="#ffff80" stroke-opacity="0.5" stroke-width="1"/>
<g fill="#ffff80" id="p4-object">
<animateMotion calcMode="spline" dur="37.39s" keyPoints="0;1"
keySplines="0.5012287419061757,0.49877125809382417 0.49877125809382417,0.5012287419061757"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#p4-path"/>
</animateMotion>
<circle cx="0" cy="0" r="2.0">
<title>Marte (planeta, rochoso)</title>
</circle>
<text font-size="14" transform="rotate(-286.54)" x="9" y="7">Marte</text>
</g>
</g>
<g id="p2" transform="rotate(54.85,512.51,350) ">
<path d="M 446.12,350 A 65.93,65.82 0 1,0 577.99,350 A 65.93,65.82 0 0,0 446.12,350"
fill="none" id="p2-path" stroke="#ffff80" stroke-opacity="0.5" stroke-width="1"/>
<g fill="#ffff80" id="p2-object">
<animateMotion calcMode="spline" dur="12.23s" keyPoints="0;1"
keySplines="0.5004438205468752,0.4995561794531248 0.4995561794531248,0.5004438205468752"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#p2-path"/>
</animateMotion>
<circle cx="0" cy="0" r="2.0">
<title>Venus (planeta, rochoso)</title>
</circle>
<text font-size="14" transform="rotate(-54.85)" x="9" y="7">Venus</text>
</g>
</g>
<g id="p3" transform="rotate(114.2,512.51,350) ">
<path d="M 419.79,350 A 91.19,91.18 0 1,0 602.18,350 A 91.19,91.18 0 0,0 419.79,350"
fill="none" id="p3-path" stroke="#ffff80" stroke-opacity="0.5" stroke-width="1"/>
<g fill="#ffff80" id="p3-object">
<animateMotion calcMode="spline" dur="19.88s" keyPoints="0;1"
keySplines="0.5000348661120745,0.49996513388792546 0.49996513388792546,0.5000348661120745"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#p3-path"/>
</animateMotion>
<circle cx="0" cy="0" r="2.0">
<title>Terra (planeta, rochoso)</title>
</circle>
<text font-size="14" transform="rotate(-114.2)" x="9" y="7">Terra</text>
</g>
</g>
<g id="p5" transform="rotate(275.07,512.51,350) ">
<path
d="M 14.59,350 A 474.67,473.97 0 1,0 963.92,350 A 474.67,473.97 0 0,0 14.59,350"
fill="none" id="p5-path" stroke="#ffff80" stroke-opacity="0.5" stroke-width="1"/>
<g fill="#ffff80" id="p5-object">
<animateMotion calcMode="spline" dur="235.73s" keyPoints="0;1"
keySplines="0.5003657295975468,0.4996342704024532 0.4996342704024532,0.5003657295975468"
keyTimes="0;1" repeatCount="indefinite" rotate="none">
<mpath xlink:href="#p5-path"/>
</animateMotion>
<circle cx="0" cy="0" r="2.0">
<title>Júpiter (planeta, gasoso)</title>
</circle>
<text font-size="14" transform="rotate(-275.07)" x="9" y="7">Júpiter</text>
</g>
</g>
<circle cx="512.5106868053576" cy="350" fill="yellow" filter="url(#raios)" r="10"/>
<circle cx="512.5106868053576" cy="350" fill="white" r="2.5"/>
</g>
<g id="controles" onclick="togglePause()">
<g id="pauseButton" opacity="0.5">
<circle cx="15" cy="15" fill="navy" r="15" stroke="yellow" stroke-width="3">
<title>Clique no gráfico para pausar a animação</title>
</circle>
<rect fill="yellow" height="15" width="5" x="9" y="7.5"/>
<rect fill="yellow" height="15" width="5" x="16" y="7.5"/>
</g>
<g id="playButton" opacity="0">
<circle cx="15" cy="15" fill="navy" r="15" stroke="yellow" stroke-width="3">
<title>Clique no gráfico para reiniciar a animação</title>
</circle>
<polygon fill="yellow" points="10,6 24,15 10,24"/>
</g>
</g>
</defs>
<use xlink:href="#fundo"/>
<use transform="translate(20,160)" xlink:href="#grafico"/>
<use transform="translate(20,10)" xlink:href="#titulo"/>
<use transform="translate(20,860) scale(0.8) " xlink:href="#legenda"/>
<use transform="translate(960,10)" xlink:href="#controles"/>
</svg>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment