<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
	"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

<svg width="600" height="600">
<!-- black axes -->
<line x1="100" y1="300" x2="500" y2="300" stroke="black"/>
<line x1="300" y1="100" x2="300" y2="500" stroke="black"/>
<!-- planet orbit 12 times 20 -->
<circle cx="300" cy="300" r="240" stroke="cyan" fill="none"/>
<!-- moon orbit 1 times 20 around planet-->
<polygon points="
 560.0, 300.0 556.3, 277.1 546.5, 258.0 533.5, 245.2 521.2, 239.0 513.2, 237.8 511.2, 238.0 514.9, 235.8 521.7, 228.2 528.1, 214.0 530.1, 194.5 525.5, 172.7 513.7, 152.5 496.7, 137.4 477.9, 129.3 461.2, 127.7 449.7, 130.3 444.5, 133.3 444.6, 133.0 446.9, 126.8 447.5, 114.6 443.0, 98.0 431.6, 80.7 413.7, 66.4 391.8, 58.3 369.7, 57.4 351.2, 62.7 338.7, 71.1 332.7, 78.8 331.3, 82.2 331.2, 79.6 328.4, 71.4 320.0, 60.0 304.9, 49.2 284.1, 42.7 260.9, 43.0 239.0, 50.5 222.1, 63.3 211.9, 78.0 208.0, 90.7 208.2, 98.3 208.5, 99.7 205.3, 96.0 196.2, 90.2 180.8, 86.3 160.9, 87.6 140.1, 96.0 122.2, 111.1 110.3, 130.3 105.5, 149.9 106.8, 166.2 111.1, 176.6 114.6, 180.8 113.8, 180.5 106.8, 179.2 94.2, 180.8 78.3, 188.2 62.9, 202.5 51.9, 222.7 47.6, 245.6 50.5, 267.3 58.7, 284.4 68.8, 295.0 76.9, 299.3 80.0, 300.0 76.9, 300.7 68.8, 305.0 58.7, 315.6 50.5, 332.7 47.6, 354.4 51.9, 377.3 62.9, 397.5 78.3, 411.8 94.2, 419.2 106.8, 420.8 113.8, 419.5 114.6, 419.2 111.1, 423.4 106.8, 433.8 105.5, 450.1 110.3, 469.7 122.2, 488.9 140.1, 504.0 160.9, 512.4 180.8, 513.7 196.2, 509.8 205.3, 504.0 208.5, 500.3 208.2, 501.7 208.0, 509.3 211.9, 522.0 222.1, 536.7 239.0, 549.5 260.9, 557.0 284.1, 557.3 304.9, 550.8 320.0, 540.0 328.4, 528.6 331.2, 520.4 331.3, 517.8 332.7, 521.2 338.7, 528.9 351.2, 537.3 369.7, 542.6 391.8, 541.7 413.7, 533.6 431.6, 519.3 443.0, 502.0 447.5, 485.4 446.9, 473.2 444.6, 467.0 444.5, 466.7 449.7, 469.7 461.2, 472.3 477.9, 470.7 496.7, 462.6 513.7, 447.5 525.5, 427.3 530.1, 405.5 528.1, 386.0 521.7, 371.8 514.9, 364.2 511.2, 362.0 513.2, 362.2 521.2, 361.0 533.5, 354.8 546.5, 342.0 556.3, 322.9
" stroke="black" fill="none"/>
<!-- sun -->
<circle cx="300" cy="300" r="20" fill="yellow" stroke="black"/>
<g transform="translate(300,300)">
	<g transform="rotate(0)">
	<!-- planet in motion-->
	<animateTransform attributeName="transform" type="rotate"
		from="0" to="-360" dur="22s" repeatCount="3"/>
		<g transform="translate(240,0)">
			<g>
			<!-- moon in motion -->
			<animateTransform attributeName="transform" type="rotate"
				from="0" to="-360" dur="2s" repeatCount="33"/>
			<circle cx="0" cy="0" r="10" fill="cyan" stroke="black"/>
			<circle cx="20" cy="0" r="6" fill="#ffffa0" stroke="black"/>
			</g>
		</g>
	</g>
</g>
</svg>

