# How to Create 3D Data Visualizations in Spline Using Variables and Real-Time APIs - Spline Advanced | Feature Deep Dive - 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. [Courses](https://spline.design/academy/collections)
3. [Spline Advanced | Feature Deep Dive](https://spline.design/academy/collections/spline-advanced-feature-deep-dive)
4. 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

Lesson 8 of 17Spline 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

## Up next

[Build an AI Voice Assistant in 3D13 minAdvanced](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)[Continue](https://spline.design/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)

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