AstroChart

A free and open-source JavaScript library for generating SVG astrology charts

npm install @astrodraw/astrochart

v3.0.2

See It In Action

Interactive astrology charts powered by pure SVG

Radix Chart

Transit Chart

Show Code Example

import { Chart } from '@astrodraw/astrochart'

// Create a new chart
const chart = new Chart('chart', 600, 600)

// Render radix (birth) chart
chart.radix({
  planets: {
    Sun: [12.45, 0],
    Moon: [145.67, 0],
    // ... more planets
  },
  cusps: [315.45, 35.67, 65.23, /* ... 12 total */]
})

// Add transit ring
chart.transit(transitData)

Why AstroChart?

📊 Pure SVG

Renders crisp, scalable vector graphics that look perfect at any size. No canvas, no images—just clean SVG code.

⚡ Zero Dependencies

Pure vanilla JavaScript with no external dependencies. Lightweight, fast, and works anywhere.

🎨 Fully Customizable

Control colors, fonts, sizes, rendering modes, and add custom symbols with simple settings objects.

✅ TypeScript-first

Built with TypeScript. Full type definitions included for safe, maintainable code with IDE autocompletion.

Support AstroChart

AstroChart is free and open-source. If you find it useful, consider supporting its development!