# 3D-datavisualisaties maken in Spline met variabelen en realtime API’s - Spline gevorderd | De functies tot in detail - Spline Academy (https://spline.design/nl/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Vandaag bekijken we hoe je data omzet in realtime, interactieve 3D-visualisaties met Spline. Je leert dynamische grafieken bouwen die je rechtstreeks in de…

1. [Academy](https://spline.design/nl/academy)
2. [Cursussen](https://spline.design/nl/academy/collections)
3. [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive)
4. 3D-datavisualisaties maken in Spline met variabelen en realtime API’s

# 3D-datavisualisaties maken in Spline met variabelen en realtime API’s

Les 8 van 17Spline 3DGevorderd15 min

Vandaag bekijken we hoe je data omzet in realtime, interactieve 3D-visualisaties met Spline. Je leert dynamische grafieken bouwen die je rechtstreeks in de website van je merk kunt insluiten. We laten ook zien hoe je variabelen gebruikt en API’s koppelt, zodat je visuals op live data reageren. Zo krijg je nieuwe manieren om je branding, marketingmateriaal en datadashboards te versterken.

Meer over variabelen: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Wat je leert

1. [0:00Intro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Een 3D-taartdiagram bouwen](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Je design koppelen aan echte data](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Variabelen toevoegen](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Je data koppelen met API’s](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Eindresultaat](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Outro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Gerelateerde bronnen

- [Pie Chart - AirtableTemplate](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 APIDocument](https://docs.spline.design/interaction-states-events-and-actions/real-time-api)
- [VariablesDocument](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [API Updated EventDocument](https://docs.spline.design/interaction-states-events-and-actions/events/api-updated-event)
- [Set Variable ActionDocument](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)

## Overzicht

- Spline 3D
- 15 min
- Gevorderd

## Hierna

[Bouw een AI-spraakassistent in 3D13 minGevorderd](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)[Verder](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)

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

De 3D- en 2D-editor voor teams en hun agents. Publiceer op het web, iOS en Android.

#### Vraag AI naar Spline

#### Producten

- [3D-design](https://spline.design/nl/3d-design)
- [Hana](https://spline.design/nl/hana)
- [Omma](https://omma.build)
- [3D genereren met AI](https://spline.design/nl/ai-generate)
- [Spline MCP](https://spline.design/nl/mcp)
- [Spline Arena](https://spline.design/nl/arena)
- [Prijzen](https://spline.design/nl/pricing)
- [Enterprise](https://spline.design/nl/enterprise)

#### Runtimes

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

#### Apps

- [Downloaden](https://spline.design/nl/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror downloaden](https://spline.design/download-mirror)

#### Leren

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

#### Community

- [Spline Community](https://community.spline.design)
- [Blog](https://spline.design/nl/blog)
- [Changelog](https://spline.design/nl/changelog)
- [Onderwijs](https://spline.design/nl/education)
- [Contra](https://spline.design/contra)
- [Affiliates](https://spline.design/nl/affiliate)

#### Bedrijf

- [Klanten](https://spline.design/nl/customers)
- [Vacatures](https://www.ycombinator.com/companies/spline/jobs)
- [Beveiliging](https://spline.design/nl/security)

#### Juridisch

- [Algemene voorwaarden](https://spline.design/terms)
- [Privacy](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.