<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <!-- Copyright J B Stone 2007 -->
  <!-- Free for non-commercial use only -->

 <head>
   <title>Earth-Moon Lagrange Points</title>
 </head>

<body>

<div id="body"
   style="position:absolute; z-index:0; border:1px solid black; left:0%; top:0%; width:100%; height:100%;">

<h1>Earth-Moon Lagrange points</h1>

<svg id="ssvg" onload="animate(evt)"
  xmlns="http://www.w3.org/2000/svg" version="1.1"
    viewBox="-500 -500 1300 1000" preserveAspectRatio="xMidYMid slice"
    style="width:100%; height:100%; position:absolute; top:0; left:0; ">

  <style type="text/css">
    circle {stroke:black; stroke-width:1}
    line   {stroke:red;  stroke-width:2}
  </style>

 <g id="earth">

	<!-- Geometry : connect the dots first (so they will be behind the cirles) -->

	<text x="-30" y="-30">60&#176;</text>
	<text x="+10" y="-30">60&#176;</text>

	<line x1="0" y1="0" x2="0"     y2="-240" />
	<line x1="0" y1="0" x2="+208"  y2="-120" />
	<line x1="0" y1="0" x2="-208"  y2="-120" />
	<line x1="-208" y1="-120" x2="208" y2="-120" />

	<!-- Earth, Moon, and lunar orbit -->

	<circle cx="0" cy="0"    r="16"  fill="blue"  />
	<circle cx="0" cy="0"    r="240" fill="none" stroke-dasharray="7,4" />
	<circle cx="0" cy="-240" r="4"   fill="yellow" />

	<text x="-20"  y="040" >Earth</text>
	<text x="-20"  y="-250">Moon</text>
	<text x="-230" y="200" >Lunar orbit</text>

	<!-- Lagrange points -->

	<circle cx=" 208" cy="-120" r="2" />	
	<circle cx="-208" cy="-120" r="2" />
	<circle cx="0" cy="240" r="2" />
	<circle cx="0" cy="-204" r="2" />
	<circle cx="0" cy="-280" r="2" />

	<text x="10" y="-200">L1</text>
	<text x="10" y="-280">L2</text>
	<text x="-10" y="230">L3</text>
	<text x="-230" y="-120">L4</text>
	<text x="215" y="-120">L5</text>

	<!-- description -->
	
	<text x="-300" y="300">Not quite to scale - Earth and Moon discs are approximately 4 times scale for visibility.</text>
	<text x="-300" y="330">L4 and L5 are the only long term stable Lagrange points and an excellent location for permanent space-stations.</text>
  </g>
 </svg>
</div>
</body>
</html>