# 3D-datavisualisaties maken in Spline met variabelen en realtime API’s - 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. [Tutorials](https://spline.design/nl/academy/tutorials)
3. 3D-datavisualisaties maken in Spline met variabelen en realtime API’s

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

Spline 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

## Onderdeel van

- [Spline gevorderd | De functies tot in detail](https://spline.design/nl/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## Gerelateerde tutorials

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

[Een reactieve 3D-bol bouwen met beweging en interactieSpline 3DGemiddeld7 min](https://spline.design/nl/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Liquid glass-materialen maken in 3DSpline 3DBeginner12 min](https://spline.design/nl/academy/tutorials/create-liquid-glass-materials-in-3d)[Maak een interactieve schakelaar met progressive blur en gradiëntenHanaBeginner4 min](https://spline.design/nl/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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