# 3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellen - 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. [Tutorials](https://spline.design/de/academy/tutorials)
3. 3D-Datenvisualisierungen in Spline mit Variablen und Echtzeit-APIs erstellen

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

Spline 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

## Teil von

- [Spline für Fortgeschrittene | Funktionen im Detail](https://spline.design/de/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## Ähnliche Tutorials

[Alle Tutorials](https://spline.design/de/academy/tutorials)

[Einen reaktiven 3D-Orb mit Bewegung und Interaktion bauenSpline 3DFortgeschritten7 Min.](https://spline.design/de/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Liquid-Glass-Materialien in 3D erstellenSpline 3DEinsteiger12 Min.](https://spline.design/de/academy/tutorials/create-liquid-glass-materials-in-3d)[Einen interaktiven Schalter mit Progressive Blur und Verläufen erstellenHanaEinsteiger4 Min.](https://spline.design/de/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

[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.