# 3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellen - Spline für Fortgeschrittene | Funktionen im Detail - Spline Academy (https://spline.design/de/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Heute zeigen wir, wie du mit Spline aus Daten interaktive 3D-Visualisierungen in Echtzeit machst. Du lernst, dynamische Diagramme zu bauen, die du direkt in…

1. [Academy](https://spline.design/de/academy)
2. [Kurse](https://spline.design/de/academy/collections)
3. [Spline für Fortgeschrittene | Funktionen im Detail](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive)
4. 3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellen

# 3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellen

Lektion 8 von 17Spline 3DProfi15 Min.

Heute zeigen wir, wie du mit Spline aus Daten interaktive 3D-Visualisierungen in Echtzeit machst. Du lernst, dynamische Diagramme zu bauen, die du direkt in die Website deiner Marke einbetten kannst. Außerdem zeigen wir dir, wie du mit Variablen und angebundenen APIs deine Visuals auf Live-Daten reagieren lässt – für ganz neue Möglichkeiten in Branding, Marketing-Assets und Daten-Dashboards.

Mehr über Variablen: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Das lernst du

1. [0:00Intro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Ein 3D-Tortendiagramm bauen](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Dein Design mit echten Daten verbinden](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Variablen hinzufügen](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Deine Daten über APIs anbinden](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Endergebnis](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Outro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Weitere Ressourcen

- [Pie Chart - AirtableVorlage](https://app.spline.design/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis?redirect-duplicate-template-uuid=810827a3-b82d-4b99-b82e-7a8e751e9251&is-2d-file=false)
- [Real-time APIDokument](https://docs.spline.design/interaction-states-events-and-actions/real-time-api)
- [VariablesDokument](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [API Updated EventDokument](https://docs.spline.design/interaction-states-events-and-actions/events/api-updated-event)
- [Set Variable ActionDokument](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)

## Überblick

- Spline 3D
- 15 Min.
- Profi

## Als Nächstes

[Einen KI-Sprachassistenten in 3D bauen13 Min.Profi](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)[Weiter](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)

[Spline](https://spline.design/de)

Der 3D- und 2D-Editor für Teams und ihre Agenten. Veröffentliche im Web, auf iOS und Android.

#### Frag die KI zu Spline

#### Produkte

- [3D-Design](https://spline.design/de/3d-design)
- [Hana](https://spline.design/de/hana)
- [Omma](https://omma.build)
- [KI-3D-Generierung](https://spline.design/de/ai-generate)
- [Spline MCP](https://spline.design/de/mcp)
- [Spline Arena](https://spline.design/de/arena)
- [Preise](https://spline.design/de/pricing)
- [Enterprise](https://spline.design/de/enterprise)

#### Runtimes

- [Web](https://spline.design/de/web)
- [iOS](https://spline.design/de/ios)
- [Android](https://spline.design/de/android)

#### Apps

- [Download](https://spline.design/de/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror herunterladen](https://spline.design/download-mirror)

#### Lernen

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/de/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Lösungen](https://spline.design/solutions)

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/de/blog)
- [Changelog](https://spline.design/de/changelog)
- [Bildung](https://spline.design/de/education)
- [Contra](https://spline.design/contra)
- [Affiliate](https://spline.design/de/affiliate)

#### Unternehmen

- [Kunden](https://spline.design/de/customers)
- [Karriere](https://www.ycombinator.com/companies/spline/jobs)
- [Sicherheit](https://spline.design/de/security)

#### Rechtliches

- [AGB](https://spline.design/terms)
- [Datenschutz](https://spline.design/privacy)

#### Kontakt

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.