<svg id="Transit_chart_John Doe" height="500" width="730" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-10 -10 740 510" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" charset="utf-16">
  <style>
    .sign-num { font: bold 20px sans-serif; }
    .natal-planet { font: bold 14px sans-serif; }
    .transit-planet { font: bold 14px sans-serif; }
    .natal-aspect { font: bold 16px sans-serif; }
    .transit-aspect { font: bold 16px sans-serif; }
    .chart-details { font: bold 12px sans-serif; }
  </style>
  <!-- ********** Chart Diagram ********** -->
  <polygon points="123,10 603,10 723,170 723,330 603,490 123,490 3,330 3,170" style="fill:black;stroke-width:3;stroke:cyan" />
  <rect id ="transit_aries" width="120" height="80" x="243" y="10" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_taurus" width="120" height="80" x="363" y="10" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_gemini" width="120" height="80" x="483" y="10" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_cancer" width="120" height="80" x="603" y="170" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_leo" width="120" height="80" x="603" y="250" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_virgo" width="120" height="80" x="483" y="410" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_libra" width="120" height="80" x="363" y="410" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_scorpio" width="120" height="80" x="243" y="410" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_saggitarius" width="120" height="80" x="123" y="410" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_capricorn" width="120" height="80" x="3" y="250" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_aquarius" width="120" height="80" x="3" y="170" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id ="transit_pisces" width="120" height="80" x="123" y="10" style="fill:black;stroke:cyan;stroke-width:2" />
  <rect id = "border" width="486" height="327" x="120" y="87" style="fill:none;stroke-width:3;stroke:red" />
  <rect id = "center" width="235" height="156" x="246" y="172" style="fill:black;stroke-width:3;stroke:red" />
  <rect id ="natal_aries" width="120" height="80" x="243" y="90" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_taurus" width="120" height="80" x="363" y="90" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_gemini" width="120" height="80" x="483" y="90" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_cancer" width="120" height="80" x="483" y="170" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_leo" width="120" height="80" x="483" y="250" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_virgo" width="120" height="80" x="483" y="330" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_libra" width="120" height="80" x="363" y="330" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_scorpio" width="120" height="80" x="243" y="330" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_saggitarius" width="120" height="80" x="123" y="330" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_capricorn" width="120" height="80" x="123" y="250" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_aquarius" width="120" height="80" x="123" y="170" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <rect id ="natal_pisces" width="120" height="80" x="123" y="90" style="fill:black;stroke:yellow;stroke-width:2;stroke-dasharray:4 2" />
  <line x1="123" y1="90" x2="123" y2="410" style="stroke:cyan;stroke-width:1.5;stroke-dasharray:6 3"/>
  <line x1="603" y1="90" x2="603" y2="410" style="stroke:cyan;stroke-width:1.5;stroke-dasharray:6 3"/>
  <line x1="123" y1="90" x2="603" y2="90" style="stroke:cyan;stroke-width:1.5;stroke-dasharray:6 3"/>
  <line x1="123" y1="410" x2="603" y2="410" style="stroke:cyan;stroke-width:1.5;stroke-dasharray:6 3"/>

  <!-- ********** Ascendant Sign ********** -->
  <text id ="AriesAsc" x="322" y="163" fill="pink" class="sign-num">Asc</text>

  <!-- ********** Natal Planets ********** -->

  <!-- ********** Sun ********** -->
  <text y="120" x="275" fill="white" class="natal-planet" id="natal-Sun">Su</text>

  <!-- ********** Moon ********** -->
  <text y="120" x="395" fill="white" class="natal-planet" id="natal-Moon">Mo</text>

  <!-- ********** Mars ********** -->
  <text y="120" x="515" fill="white" class="natal-planet" id="natal-Mars">Ma</text>

  <!-- ********** Mercury ********** -->
  <text y="200" x="515" fill="white" class="natal-planet" id="natal-Mercury">Me</text>

  <!-- ********** Jupiter ********** -->
  <text y="280" x="515" fill="white" text-decoration="underline" class="natal-planet" id="natal-Jupiter">Ju</text>

  <!-- ********** Venus ********** -->
  <text y="368" x="545" fill="white" class="natal-planet" id="natal-Venus">Ve</text>

  <!-- ********** Saturn ********** -->
  <text y="368" x="425" fill="white" class="natal-planet" id="natal-Saturn">Sa</text>

  <!-- ********** Rahu ********** -->
  <text y="368" x="305" fill="white" text-decoration="underline" class="natal-planet" id="natal-Rahu">Ra</text>

  <!-- ********** Ketu ********** -->
  <text y="150" x="410" fill="white" text-decoration="underline" class="natal-planet" id="natal-Ketu">Ke</text>

  <!-- ********** Transit Planets ********** -->

  <!-- ********** Sun ********** -->
  <text y="280" x="35" fill="white" class="transit-planet" id="transit-Sun">Su</text>

  <!-- ********** Moon ********** -->
  <text y="40" x="155" fill="white" class="transit-planet" id="transit-Moon">Mo</text>

  <!-- ********** Mars ********** -->
  <text y="40" x="275" fill="white" class="transit-planet" id="transit-Mars">Ma</text>

  <!-- ********** Mercury ********** -->
  <text y="40" x="395" fill="white" class="transit-planet" id="transit-Mercury">Me</text>

  <!-- ********** Jupiter ********** -->
  <text y="40" x="515" fill="white" class="transit-planet" id="transit-Jupiter">Ju</text>

  <!-- ********** Venus ********** -->
  <text y="230" x="650" fill="white" class="transit-planet" id="transit-Venus">Ve</text>

  <!-- ********** Saturn ********** -->
  <text y="280" x="635" fill="white" class="transit-planet" id="transit-Saturn">Sa</text>

  <!-- ********** Rahu ********** -->
  <text y="448" x="545" fill="white" text-decoration="underline" class="transit-planet" id="transit-Rahu">Ra</text>

  <!-- ********** Ketu ********** -->
  <text y="70" x="170" fill="white" text-decoration="underline" class="transit-planet" id="transit-Ketu">Ke</text>

  <!-- ********** Chart Details ********** -->
  <text x="363.5" y="200" fill="white" class="chart-details" text-anchor="middle">John Doe</text>
  <text x="363.5" y="216" fill="white" class="chart-details" text-anchor="middle">Birth : 08 October 1991 | 14:47</text>
  <text x="363.5" y="232" fill="white" class="chart-details" text-anchor="middle">BirthPlace : New York</text>
  <text x="363.5" y="248" fill="white" class="chart-details" text-anchor="middle">Inner : D1 Natal</text>
  <text x="363.5" y="264" fill="white" class="chart-details" text-anchor="middle">Outer : Transit</text>
  <text x="363.5" y="280" fill="white" class="chart-details" text-anchor="middle">transit : 12 Jan 2026 | 10:00</text>

  Sorry, your browser does not support inline SVG.
</svg>