The Moon’s motion around Earth is more complex than a simple circular orbit. Its orbital plane is inclined by about 5° to the Earth’s orbital plane (the ecliptic), so the Moon continually moves above and below the ecliptic plane.

Beyond this rapid monthly journey, however, lies a much slower and more intricate celestial dynamic.

Due to the Sun’s gravitational pull on the Moon’s tilted orbit, the orientation of the Moon’s entire orbital plane slowly changes. This movement is called precession, and one complete cycle takes about 18.6 years. Thus, while the Moon circles Earth roughly every 27.3 days, the plane in which it travels slowly shifts in the opposite (retrograde) direction.

Two planes intersect in a line. Since the Moon’s orbital plane intersects the ecliptic, this slowly changing orientation causes their line of intersection to slowly rotate as well.

So there are really two very different motions:

Moon races around Earth; its orbital plane slowly turns. And it is this slow, almost sideways or wobbling movement of the orbital plane—rather than the 5° inclination alone—that produces the slowly moving intersection directions.

In a typical diamond chart, all physical planets move anticlockwise whereas the shadow planets Rahu/Ketu move clockwise. Here is an animation illustrating this. The SVG source code for the animation is provided at the bottom.

Continue reading Planetary Motion in Birth-Chart →

When creating customized astrological profiles or writing chart analysis posts on web, standard low-resolution JPEG and PNG chart grids can stretch awkwardly or look blurry on modern smartphone screens.

To solve this, here is a Skeletal Janma Kundli template written in lightweight SVG vector code built using native Cubic Bezier mathematical paths. This technique pulls the internal diamond lines slightly inward toward the center to create a subtle, elegant lotus wave profile while keeping all 12 houses balanced in size.

The complete raw code snippet is as follows:

<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 1000 1000" width="100%" max-width="1000px">
  <rect width="1000" height="1000" fill="#FFFFFF" />
  <style>
    .grid-line { stroke: #1C1C1C; stroke-width: 6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
    .border-box { stroke: #1C1C1C; stroke-width: 8; fill: none; stroke-linejoin: round; }
  </style>
  <rect x="40" y="40" width="920" height="920" class="border-box" />
  <path d="M40,40 L960,960 M40,960 L960,40" class="grid-line" />
  <path d="M500,40 C390,200 200,390 40,500" class="grid-line" />
  <path d="M40,500 C200,610 390,800 500,960" class="grid-line" />
  <path d="M500,960 C610,800 800,610 960,500" class="grid-line" />
  <path d="M960,500 C800,390 610,200 500,40" class="grid-line" />
</svg>