# Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-Time - Spline Academy (https://spline.design/id/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Hari ini, kita akan menjelajahi cara mengubah data menjadi visualisasi 3D interaktif yang real-time dengan Spline. Anda akan belajar membuat pengalaman…

1. [Academy](https://spline.design/id/academy)
2. [Tutorial](https://spline.design/id/academy/tutorials)
3. Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-Time

# Cara Membuat Visualisasi Data 3D di Spline dengan Variabel dan API Real-Time

Spline 3DLanjutan15 mnt

Hari ini, kita akan menjelajahi cara mengubah data menjadi visualisasi 3D interaktif yang real-time dengan Spline. Anda akan belajar membuat pengalaman diagram dinamis yang bisa disematkan langsung ke situs web merek Anda. Kami juga akan menunjukkan cara memakai variabel dan menghubungkan API agar visual Anda merespons data live, membuka cara-cara baru untuk memperkuat branding, aset pemasaran, dan dasbor data Anda.

Selengkapnya tentang variabel: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Yang akan Anda pelajari

1. [0:00Intro](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Membuat diagram lingkaran 3D](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Cara menghubungkan desain Anda dengan data nyata](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Menambahkan variabel](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Menghubungkan data Anda dengan API](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Hasil akhir](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Penutup](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Sumber terkait

- [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 APIDokumen](https://docs.spline.design/interaction-states-events-and-actions/real-time-api)
- [VariablesDokumen](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [API Updated EventDokumen](https://docs.spline.design/interaction-states-events-and-actions/events/api-updated-event)
- [Set Variable ActionDokumen](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)

## Ikhtisar

- Spline 3D
- 15 mnt
- Lanjutan

## Bagian dari

- [Spline Tingkat Lanjut | Mendalami Fitur](https://spline.design/id/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Cara Membuat Bola 3D Reaktif dengan Gerakan dan InteraksiSpline 3DMenengah7 mnt](https://spline.design/id/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[Membuat Material Liquid Glass dalam 3DSpline 3DPemula12 mnt](https://spline.design/id/academy/tutorials/create-liquid-glass-materials-in-3d)[Membuat Switch Interaktif dengan Progressive Blur dan GradienHanaPemula4 mnt](https://spline.design/id/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

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

#### Belajar

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

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.