Horoskop-Darstellung

Erstellen Sie ansprechende SVG- und PNG-Horoskopbilder.

SVG-Horoskope

Ein SVG-Geburtshoroskop mit Abfrageparametern erstellen:

cURLJavaScriptPython

bash

curl -X GET "https://api.astroapi.cloud/api/chart/image.svg?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=-0.1278&location.latitude=51.5074&location.timezone=Europe/London" \
  -H "X-Api-Key: your-api-key"

javascript

const response = await fetch(
    "https://api.astroapi.cloud/api/chart/image.svg?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=-0.1278&location.latitude=51.5074&location.timezone=Europe/London",
    {
        headers: {
            "X-Api-Key": "your-api-key"
        }
    }
);

const svg = await response.text();

python

import requests

response = requests.get(
    "https://api.astroapi.cloud/api/chart/image.svg",
    headers={
        "X-Api-Key": "your-api-key"
    },
    params={
        "width": 800,
        "height": 800,
        "dateTime": "1990-06-15T14:30",
        "location.longitude": -0.1278,
        "location.latitude": 51.5074,
        "location.timezone": "Europe/London"
    }
)

svg = response.text

PNG-Horoskope

In das PNG-Format konvertieren:

cURLJavaScriptPython

bash

curl -X GET "https://api.astroapi.cloud/api/chart/image.png?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=-0.1278&location.latitude=51.5074&location.timezone=Europe/London" \
  -H "X-Api-Key: your-api-key" \
  --output chart.png

javascript

const response = await fetch(
    "https://api.astroapi.cloud/api/chart/image.png?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=-0.1278&location.latitude=51.5074&location.timezone=Europe/London",
    {
        headers: {
            "X-Api-Key": "your-api-key"
        }
    }
);

const png = await response.blob();

python

import requests

response = requests.get(
    "https://api.astroapi.cloud/api/chart/image.png",
    headers={
        "X-Api-Key": "your-api-key"
    },
    params={
        "width": 800,
        "height": 800,
        "dateTime": "1990-06-15T14:30",
        "location.longitude": -0.1278,
        "location.latitude": 51.5074,
        "location.timezone": "Europe/London"
    }
)

with open("chart.png", "wb") as f:
    f.write(response.content)

Horoskop-Typen

Endpunkt	Beschreibung
`/api/chart/image.svg`	Geburtshoroskop als SVG
`/api/chart/image.png`	Geburtshoroskop als PNG
`/api/chart/image.svg` mit `transit.*`-Parametern	Transit-Doppelrad-Horoskop
`/api/chart/composite.svg`	Komposit-Horoskop (Mittelpunkte)
`/api/chart/composite.png`	Komposit-Horoskop als PNG

Transit-Doppelrad-Horoskop

Fügen Sie Transit-Parameter hinzu, um ein Doppelrad-Horoskop mit Geburts- (innen) und Transit- (außen) Rad zu erstellen:

bash

curl -X GET "https://api.astroapi.cloud/api/chart/image.svg?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=-0.1278&location.latitude=51.5074&location.timezone=Europe/London&transit.dateTime=2024-01-15T12:00&transit.timezone=Europe/London" \
  -H "X-Api-Key: your-api-key"

Transit-Parameter

Parameter	Erforderlich	Beschreibung
`transit.dateTime`	Ja	Transit-Datum/-Uhrzeit (YYYY-MM-DDTHH:mm)
`transit.timezone`	Ja	Transit-Zeitzone
`transit.longitude`	Nein	Transit-Standort-Längengrad (Standard: Geburtsort)
`transit.latitude`	Nein	Transit-Standort-Breitengrad (Standard: Geburtsort)

Komposit-Horoskop

Ein Komposit-Horoskop erstellen, das Mittelpunkte zwischen zwei Geburtshoroskopen zeigt:

bash

curl -X GET "https://api.astroapi.cloud/api/chart/composite.svg?width=800&height=800&person1.dateTime=1990-06-15T14:30&person1.timezone=Europe/London&person1.longitude=-0.1278&person1.latitude=51.5074&person2.dateTime=1988-03-22T09:15&person2.timezone=Europe/Paris&person2.longitude=2.3522&person2.latitude=48.8566" \
  -H "X-Api-Key: your-api-key"

Abfrageparameter

Geburtshoroskop-Parameter

Parameter	Erforderlich	Beschreibung
`width`	Ja	Horoskop-Breite in Pixeln
`height`	Ja	Horoskop-Höhe in Pixeln
`dateTime`	Ja	Geburtsdatum/-uhrzeit (YYYY-MM-DDTHH:mm)
`location.longitude`	Ja	Geburtsort-Längengrad
`location.latitude`	Ja	Geburtsort-Breitengrad
`location.timezone`	Ja	Geburtsort-Zeitzone (IANA-Format)

Komposit-Horoskop-Parameter

Parameter	Erforderlich	Beschreibung
`width`	Ja	Horoskop-Breite in Pixeln
`height`	Ja	Horoskop-Höhe in Pixeln
`person1.dateTime`	Ja	Geburtsdatum/-uhrzeit Person 1
`person1.timezone`	Ja	Zeitzone Person 1
`person1.longitude`	Ja	Längengrad Person 1
`person1.latitude`	Ja	Breitengrad Person 1
`person2.dateTime`	Ja	Geburtsdatum/-uhrzeit Person 2
`person2.timezone`	Ja	Zeitzone Person 2
`person2.longitude`	Ja	Längengrad Person 2
`person2.latitude`	Ja	Breitengrad Person 2

Antwort-Header

Horoskop-Endpunkte geben entsprechende Content-Types zurück:

SVG: image/svg+xml
PNG: image/png

Horoskope einbetten

Verwenden Sie das zurückgegebene SVG direkt in HTML:

html

<div class="chart-container">
  <!-- SVG-Inhalt von der API -->
</div>

Oder als Bildquelle mit Daten-URL:

html

<img src="data:image/svg+xml;base64,..." alt="Geburtshoroskop" />

Chart2 – Nächste Generation

AstroAPI bietet eine nächste Generation der Horoskop-Darstellungs-Engine mit Theme-Unterstützung und Animationen.

Endpunkte

Endpunkt	Beschreibung	Erforderliches Modul
`/api/chart2/natal.svg`	Geburtshoroskop (SVG)	`module:natal-calc`
`/api/chart2/natal.png`	Geburtshoroskop (PNG)	`module:natal-calc`
`/api/chart2/transit.svg`	Transit-Doppelrad (SVG)	`module:transit-calc`
`/api/chart2/transit.png`	Transit-Doppelrad (PNG)	`module:transit-calc`
`/api/chart2/synastry.svg`	Synastrie-Horoskop (SVG)	`module:synastry-calc`
`/api/chart2/synastry.png`	Synastrie-Horoskop (PNG)	`module:synastry-calc`
`/api/chart2/composite.svg`	Komposit-Horoskop (SVG)	`module:synastry-calc`
`/api/chart2/composite.png`	Komposit-Horoskop (PNG)	`module:synastry-calc`
`/api/chart2/animated-transit.svg`	Animierter Transit (SVG)	`module:transit-calc`

Grundlegende Verwendung

bash

curl -X GET "https://api.astroapi.cloud/api/chart2/natal.svg?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=4.89&location.latitude=52.37&location.timezone=Europe/Amsterdam&theme=dark" \
  -H "X-Api-Key: your-api-key"

Theme-Voreinstellungen

Theme	Beschreibung
`default`	Klassischer weißer Hintergrund mit farbigen Elementen
`classic`	Traditionelles astrologisches Aussehen
`dark`	Modernes dunkles Theme mit lebhaften Farben
`minimal`	Sauber, weniger visuelle Unruhe
`colorful`	Lebhafte Planetenfarben
`nextgen`	Modern mit geschwungenen Aspektlinien, Glüheffekten und Verläufen
`vintage`	Altes Pergament-/Manuskriptstil mit Sepia-Tönen
`neon`	Cyberpunk mit hellen Neonfarben auf Schwarz
`pastel`	Weiche, beruhigende Pastellfarben
`print`	Hoher Kontrast Schwarz/Weiß, optimiert für den Druck

Theme-Überschreibungen

Passen Sie einzelne Theme-Eigenschaften über Abfrageparameter an:

Parameter	Beschreibung
`theme.background`	Hintergrundfarbe (Hex)
`theme.foreground`	Vordergrundfarbe (Hex)
`theme.strokeOnly`	Nur-Strich-Modus (true/false)
`theme.symbolScale`	Symbol-Skalierungsfaktor
`theme.showDegrees`	Gradbezeichnungen anzeigen (true/false)
`theme.showHouseNumbers`	Hausnummern anzeigen (true/false)
`theme.showRuler`	Lineal anzeigen (true/false)
`theme.signBackgroundOpacity`	Zeichen-Hintergrunddeckkraft (0–1)

Synastrie- & Komposit-Horoskope

bash

curl -X GET "https://api.astroapi.cloud/api/chart2/synastry.svg?width=800&height=800&person1.dateTime=1990-06-15T14:30&person1.timezone=Europe/Amsterdam&person1.longitude=4.89&person1.latitude=52.37&person2.dateTime=1992-03-20T09:15&person2.timezone=Europe/London&person2.longitude=-0.12&person2.latitude=51.50" \
  -H "X-Api-Key: your-api-key"

Animierter Transit

Animiertes SVG erstellen, das die Transitentwicklung über die Zeit zeigt:

bash

curl -X GET "https://api.astroapi.cloud/api/chart2/animated-transit.svg?width=800&height=800&dateTime=1990-06-15T14:30&location.longitude=4.89&location.latitude=52.37&location.timezone=Europe/Amsterdam&transit.dateTime=2025-01-01T12:00&transit.timezone=Europe/Amsterdam&target.dateTime=2025-12-31T23:59&animation.duration=3000" \
  -H "X-Api-Key: your-api-key"

Parameter	Beschreibung
`target.dateTime`	Enddatum für die Animation
`animation.duration`	Animationsdauer in Millisekunden
`animation.easing`	Beschleunigungsfunktion (Standard: easeInOut)
`animation.loop`	Animation wiederholen (Standard: false)

Horoskop-Darstellung ​

SVG-Horoskope ​

PNG-Horoskope ​

Horoskop-Typen ​

Transit-Doppelrad-Horoskop ​

Transit-Parameter ​

Komposit-Horoskop ​

Abfrageparameter ​

Geburtshoroskop-Parameter ​

Komposit-Horoskop-Parameter ​

Antwort-Header ​

Horoskope einbetten ​

Chart2 – Nächste Generation ​

Endpunkte ​

Grundlegende Verwendung ​

Theme-Voreinstellungen ​

Theme-Überschreibungen ​

Synastrie- & Komposit-Horoskope ​

Animierter Transit ​

Horoskop-Darstellung

SVG-Horoskope

PNG-Horoskope

Horoskop-Typen

Transit-Doppelrad-Horoskop

Transit-Parameter

Komposit-Horoskop

Abfrageparameter

Geburtshoroskop-Parameter

Komposit-Horoskop-Parameter

Antwort-Header

Horoskope einbetten

Chart2 – Nächste Generation

Endpunkte

Grundlegende Verwendung

Theme-Voreinstellungen

Theme-Überschreibungen

Synastrie- & Komposit-Horoskope

Animierter Transit