Skip to content
Raw SVG templates

Kepler Orbital Elements

Six classical orbital elements illustrated on an ellipse.

Template previewRaw SVG
Rendering…

Make it your own.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 320" width="480" height="320">
  <style>
    text { font:12px Inter, sans-serif; fill:#0f172a; }
    .lab { font-weight:600; }
  </style>
  <ellipse cx="220" cy="180" rx="180" ry="100" fill="none" stroke="#3666ff" stroke-width="2"/>
  <circle cx="160" cy="180" r="8" fill="#fbbf24" stroke="#92400e"/>
  <text x="170" y="200">Focus (body)</text>
  <line x1="40" y1="180" x2="400" y2="180" stroke="#94a3b8" stroke-dasharray="3 3"/>
  <text x="60" y="200">perihelion</text>
  <text x="350" y="200">aphelion</text>
  <text x="220" y="60">a — semi-major axis</text>
  <text x="220" y="200">e — eccentricity</text>
  <text x="50" y="30" class="lab">i — inclination</text>
  <text x="50" y="50">Ω — longitude of ascending node</text>
  <text x="50" y="70">ω — argument of perihelion</text>
  <text x="50" y="90">ν — true anomaly (at epoch)</text>
  <circle cx="320" cy="135" r="5" fill="#dc2626"/>
  <line x1="160" y1="180" x2="320" y2="135" stroke="#dc2626" stroke-dasharray="2 2"/>
  <text x="330" y="135" class="lab">satellite</text>
</svg>