# How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs - Spline Academy (https://spline.design/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Today, we’re exploring how to turn data into real-time, interactive 3D visualizations using Spline. You'll learn how to build dynamic chart experiences that…

1. [Academy](https://spline.design/academy)
2. [Tutorials](https://spline.design/academy/tutorials)
3. How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs

# How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs

Spline 3DAdvanced15 min

Today, we’re exploring how to turn data into real-time, interactive 3D visualizations using Spline. You'll learn how to build dynamic chart experiences that can be embedded directly into your brand’s website. We'll also show you how to use variables and connect APIs to make your visuals respond to live data, unlocking new ways to enhance your branding, marketing assets, and data dashboards.

Learn more about variables: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## What you’ll learn

1. [0:00Intro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Building a 3D pie chart](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55How to connect your design with real data](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Adding variables](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Connecting your data using APIs](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Final result](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Outro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Related resources

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

## Overview

- Spline 3D
- 15 min
- Advanced

## Part of

- [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## Related tutorials

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

[How to Build a Reactive 3D Orb with Motion and InteractionSpline 3DIntermediate7 min](https://spline.design/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Create Liquid Glass Materials in 3DSpline 3DBeginner12 min](https://spline.design/academy/tutorials/create-liquid-glass-materials-in-3d)[Create an Interactive Switch with Progressive Blur and GradientsHanaBeginner4 min](https://spline.design/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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

The 3D and 2D editor for teams and their agents. Ship to the web, iOS and Android.

#### Ask AI about Spline

#### Products

- [3D Design](https://spline.design/3d-design)
- [Hana](https://spline.design/hana)
- [Omma](https://omma.build)
- [AI 3D Generation](https://spline.design/ai-generate)
- [Spline MCP](https://spline.design/mcp)
- [Pricing](https://spline.design/pricing)
- [Enterprise](https://spline.design/enterprise)

#### Runtimes

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

#### Apps

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

#### Learn

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

#### Community

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

#### Company

- [Customers](https://spline.design/customers)
- [Careers](https://www.ycombinator.com/companies/spline/jobs)
- [Security](https://spline.design/security)

#### Legal

- [Terms & Conditions](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.