# Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réel - Spline Academy (https://spline.design/fr/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Aujourd’hui, nous voyons comment transformer des données en visualisations 3D interactives en temps réel avec Spline. Vous apprendrez à créer des graphiques…

1. [Academy](https://spline.design/fr/academy)
2. [Tutoriels](https://spline.design/fr/academy/tutorials)
3. Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réel

# Créer des visualisations de données 3D dans Spline avec des variables et des API en temps réel

Spline 3DAvancé15 min

Aujourd’hui, nous voyons comment transformer des données en visualisations 3D interactives en temps réel avec Spline. Vous apprendrez à créer des graphiques dynamiques à intégrer directement au site web de votre marque. Nous vous montrons aussi comment utiliser des variables et connecter des API pour que vos visuels réagissent à des données en direct, ce qui ouvre de nouvelles façons d’enrichir votre image de marque, vos supports marketing et vos tableaux de bord.

En savoir plus sur les variables : <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Ce que vous allez apprendre

1. [0:00Intro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Créer un graphique circulaire 3D](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Connecter votre design à des données réelles](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Ajouter des variables](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Connecter vos données avec des API](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Résultat final](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Conclusion](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Ressources associées

- [Pie Chart - AirtableModèle](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)

## Présentation

- Spline 3D
- 15 min
- Avancé

## Fait partie de

- [Spline avancé | Plongée dans les fonctionnalités](https://spline.design/fr/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## Tutoriels associés

[Tous les tutoriels](https://spline.design/fr/academy/tutorials)

[Créer un orbe 3D réactif avec du mouvement et de l’interactionSpline 3DIntermédiaire7 min](https://spline.design/fr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Créer des matériaux Liquid Glass en 3DSpline 3DDébutant12 min](https://spline.design/fr/academy/tutorials/create-liquid-glass-materials-in-3d)[Créer un interrupteur interactif avec flou progressif et dégradésHanaDébutant4 min](https://spline.design/fr/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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

L’éditeur 3D et 2D pour les équipes et leurs agents. Publiez sur le web, iOS et Android.

#### Interrogez l’IA sur Spline

#### Produits

- [Design 3D](https://spline.design/fr/3d-design)
- [Hana](https://spline.design/fr/hana)
- [Omma](https://omma.build)
- [Génération 3D par IA](https://spline.design/fr/ai-generate)
- [Spline MCP](https://spline.design/fr/mcp)
- [Spline Arena](https://spline.design/fr/arena)
- [Tarifs](https://spline.design/fr/pricing)
- [Enterprise](https://spline.design/fr/enterprise)

#### Runtimes

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

#### Apps

- [Télécharger](https://spline.design/fr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Télécharger Spline Mirror](https://spline.design/download-mirror)

#### Apprendre

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

#### Communauté

- [Communauté Spline](https://community.spline.design)
- [Blog](https://spline.design/fr/blog)
- [Nouveautés](https://spline.design/fr/changelog)
- [Éducation](https://spline.design/fr/education)
- [Contra](https://spline.design/contra)
- [Affiliation](https://spline.design/fr/affiliate)

#### Entreprise

- [Clients](https://spline.design/fr/customers)
- [Carrières](https://www.ycombinator.com/companies/spline/jobs)
- [Sécurité](https://spline.design/fr/security)

#### Mentions légales

- [Conditions générales](https://spline.design/terms)
- [Confidentialité](https://spline.design/privacy)

#### Contact

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

© 2026 - Spline, Inc.