# Cách tạo trực quan hóa dữ liệu 3D trong Spline bằng biến và API thời gian thực - Spline nâng cao | Đi sâu vào tính năng - Spline Academy (https://spline.design/vi/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Hôm nay, chúng ta sẽ khám phá cách biến dữ liệu thành trực quan hóa 3D tương tác, thời gian thực với Spline. Bạn sẽ học cách xây dựng các biểu đồ động có…

1. [Academy](https://spline.design/vi/academy)
2. [Khóa học](https://spline.design/vi/academy/collections)
3. [Spline nâng cao | Đi sâu vào tính năng](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive)
4. Cách tạo trực quan hóa dữ liệu 3D trong Spline bằng biến và API thời gian thực

# Cách tạo trực quan hóa dữ liệu 3D trong Spline bằng biến và API thời gian thực

Bài 8 / 17Spline 3DNâng cao15 phút

Hôm nay, chúng ta sẽ khám phá cách biến dữ liệu thành trực quan hóa 3D tương tác, thời gian thực với Spline. Bạn sẽ học cách xây dựng các biểu đồ động có thể nhúng trực tiếp vào website thương hiệu của mình. Chúng tôi cũng sẽ chỉ cho bạn cách dùng biến và kết nối API để hình ảnh phản hồi theo dữ liệu trực tiếp, mở ra những cách mới để nâng tầm thương hiệu, tài liệu marketing và dashboard dữ liệu của bạn.

Tìm hiểu thêm về biến: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Bạn sẽ học được gì

1. [0:00Giới thiệu](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:38Dựng biểu đồ tròn 3D](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Cách kết nối thiết kế với dữ liệu thật](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Thêm biến](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Kết nối dữ liệu bằng API](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Kết quả cuối cùng](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Kết thúc](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## Tài nguyên liên quan

- [Pie Chart - AirtableMẫu](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 APITài liệu](https://docs.spline.design/interaction-states-events-and-actions/real-time-api)
- [VariablesTài liệu](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [API Updated EventTài liệu](https://docs.spline.design/interaction-states-events-and-actions/events/api-updated-event)
- [Set Variable ActionTài liệu](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)

## Tổng quan

- Spline 3D
- 15 phút
- Nâng cao

## Tiếp theo

[Xây dựng trợ lý giọng nói AI trong 3D13 phútNâng cao](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)[Tiếp tục](https://spline.design/vi/academy/collections/spline-advanced-feature-deep-dive/build-an-ai-voice-assistant-in-3d)

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

Trình chỉnh sửa 3D và 2D cho các nhóm và tác nhân AI của họ. Xuất bản lên web, iOS và Android.

#### Hỏi AI về Spline

#### Sản phẩm

- [Thiết kế 3D](https://spline.design/vi/3d-design)
- [Hana](https://spline.design/vi/hana)
- [Omma](https://omma.build)
- [Tạo 3D bằng AI](https://spline.design/vi/ai-generate)
- [Spline MCP](https://spline.design/vi/mcp)
- [Spline Arena](https://spline.design/vi/arena)
- [Bảng giá](https://spline.design/vi/pricing)
- [Doanh nghiệp](https://spline.design/vi/enterprise)

#### Runtime

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

#### Ứng dụng

- [Tải xuống](https://spline.design/vi/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Tải Spline Mirror](https://spline.design/download-mirror)

#### Học

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/vi/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Giải pháp](https://spline.design/solutions)

#### Cộng đồng

- [Cộng đồng Spline](https://community.spline.design)
- [Blog](https://spline.design/vi/blog)
- [Changelog](https://spline.design/vi/changelog)
- [Giáo dục](https://spline.design/vi/education)
- [Contra](https://spline.design/contra)
- [Tiếp thị liên kết](https://spline.design/vi/affiliate)

#### Công ty

- [Khách hàng](https://spline.design/vi/customers)
- [Tuyển dụng](https://www.ycombinator.com/companies/spline/jobs)
- [Bảo mật](https://spline.design/vi/security)

#### Pháp lý

- [Điều khoản & Điều kiện](https://spline.design/terms)
- [Quyền riêng tư](https://spline.design/privacy)

#### Liên hệ

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

© 2026 - Spline, Inc.