# Cara Mencipta Visualisasi Data 3D dalam Spline Menggunakan Pemboleh Ubah dan API Masa Nyata - Spline Lanjutan | Menyelami Ciri - 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. [Kursus](https://spline.design/ms/academy/collections)
3. [Spline Lanjutan | Menyelami Ciri](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive)
4. 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

Pelajaran 8 daripada 17Spline 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

## Seterusnya

[Bina Pembantu Suara AI dalam 3D13 minLanjutan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)[Teruskan](https://spline.design/ms/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)

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