# Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa Nyata - Spline Academy (https://spline.design/ms/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Hari ini, kami meneroka cara mengubah data menjadi visualisasi 3D interaktif masa nyata menggunakan Spline. Anda akan belajar cara membina pengalaman carta…

1. [Academy](https://spline.design/ms/academy)
2. [Tutorial](https://spline.design/ms/academy/tutorials)
3. Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa Nyata

# Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa Nyata

Spline 3DLanjutan15 min

Hari ini, kami meneroka cara mengubah data menjadi visualisasi 3D interaktif masa nyata menggunakan Spline. Anda akan belajar cara membina pengalaman carta dinamik yang boleh dibenamkan terus ke dalam laman web jenama anda. Kami juga akan menunjukkan cara menggunakan pemboleh ubah dan menyambungkan API supaya visual anda bertindak balas terhadap data langsung, membuka cara baharu untuk meningkatkan penjenamaan, aset pemasaran dan papan pemuka data anda.

Ketahui lebih lanjut tentang pemboleh ubah: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Apa yang akan anda pelajari

1. [0:00Pengenalan](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Membina carta pai 3D](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Cara menyambungkan reka bentuk anda dengan data sebenar](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Menambah pemboleh ubah](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Menyambungkan data anda menggunakan 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 berkaitan

- [Pie Chart - AirtableTemplat](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)

## Gambaran keseluruhan

- Spline 3D
- 15 min
- Lanjutan

## Sebahagian daripada

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

## Tutorial berkaitan

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

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

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

Editor 3D dan 2D untuk pasukan dan ejen mereka. Terbitkan ke web, iOS dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Reka Bentuk 3D](https://spline.design/ms/3d-design)
- [Hana](https://spline.design/ms/hana)
- [Omma](https://omma.build)
- [Penjanaan 3D AI](https://spline.design/ms/ai-generate)
- [Spline MCP](https://spline.design/ms/mcp)
- [Spline Arena](https://spline.design/ms/arena)
- [Harga](https://spline.design/ms/pricing)
- [Perusahaan](https://spline.design/ms/enterprise)

#### Runtime

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

#### Aplikasi

- [Muat Turun](https://spline.design/ms/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Muat turun Spline Mirror](https://spline.design/download-mirror)

#### Belajar

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

#### Komuniti

- [Komuniti Spline](https://community.spline.design)
- [Blog](https://spline.design/ms/blog)
- [Log Perubahan](https://spline.design/ms/changelog)
- [Pendidikan](https://spline.design/ms/education)
- [Contra](https://spline.design/contra)
- [Afiliat](https://spline.design/ms/affiliate)

#### Syarikat

- [Pelanggan](https://spline.design/ms/customers)
- [Kerjaya](https://www.ycombinator.com/companies/spline/jobs)
- [Keselamatan](https://spline.design/ms/security)

#### Undang-undang

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

#### Hubungi

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

© 2026 - Spline, Inc.