Website widgets
Birth chart widget for your website. Astronomy-grade, on your page.
A birth chart widget lets each visitor calculate their own natal chart on your page: they enter a birth date, time and city, and the wheel draws with every planet, house cusp and aspect, plus a written reading. Positions come from the NASA JPL DE440 ephemeris at a median deviation of 0.05 arcseconds (0.00001 degrees) from NASA JPL Horizons. Paste one snippet into Squarespace, Wix, WordPress or Shopify.
The whole chart
Sun through Pluto, both lunar nodes, Chiron and Black Moon Lilith, twelve house cusps, the Ascendant and Midheaven, major and minor aspects, and the balance of elements and modalities.
The birth place done right
Visitors search for their city by name. The widget fills its coordinates and the time zone in force on the birth date, summer time and historical offsets included.
Checkable to the arcsecond
Every position reads the NASA JPL DE440 ephemeris and is benchmarked in public against NASA JPL Horizons, in a run anyone can repeat.
Add it in three steps. Pick your site builder.
Needs a Squarespace plan that runs JavaScript in a Code Block, such as Core, Plus or Advanced.
- Edit the page, click Add block, then Code, then the pencil icon.
- Set the Mode menu to HTML, leave Display Source off, and paste the code.
- Save, then open the page in a private window to see the widget.
In Wix Studio the element is Add Elements, Embed and Social, Embed Site.
- In the editor click Add Elements, Embed Code, then Popular Embeds.
- Choose Embed a site, click Enter Website Address and paste the link.
- Click Apply, give the box about 600px of height, then Publish.
On WordPress.com this needs a paid plan with plugins turned on.
Prefer the WordPress way? The free RoxyAPI plugin adds the same readings as a block or a shortcode, with your key kept on the server. Install the plugin
- Edit the page, click the + inserter, search HTML and add a Custom HTML block.
- Paste the code into the block.
- Update the page, then view it to see the widget.
- Go to Online Store, Themes, then click Edit theme.
- Click Add section, find Custom Liquid, and paste the code.
- Click Save.
Your site builder must accept HTML with a script, often called an embed or code block.
- Open the page in your site editor.
- Paste the code where the widget should appear.
- Publish the page.
Common questions
How do I add a birth chart calculator to my website?
Open the widget builder at widgets, pick the natal chart, choose a theme and add your key. Paste the code into a code or embed block on Squarespace, WordPress or Shopify, or paste the link into Wix. Your visitors fill in their birth details on your page and see their chart there.
How accurate is the birth chart?
Planet positions sit at a median deviation of 0.05 arcseconds (0.00001 degrees) from NASA JPL Horizons, measured on a public benchmark anyone can rerun (roxyapi.github.io/astrology-api-benchmark).
Which house systems and zodiac does it use?
The Western tropical zodiac, with Placidus houses by default. Visitors can switch to Whole Sign, Equal or Koch houses, and choose the true or mean lunar node, in the form itself.
What if a visitor does not know their birth time?
They can enter 12:00 noon. The planets in their signs stay close to right, while the Ascendant and the houses, which turn through every sign in a day, need the real time.
Can I show a Vedic birth chart instead?
Yes. The Vedic kundli widget draws the South, North or East Indian chart from the same birth details. Pick it in the builder under Vedic.
Can I show the chart without the written reading?
Yes. Untick Show the written reading in the builder and the widget keeps the wheel, the positions and the aspects, with no interpretation text.
Is the birth chart widget free?
The widget code is MIT licensed and free to use. The live charts run on a RoxyAPI plan, and every plan includes every widget, the birth chart among them.
