# Spline’da değişkenler ve gerçek zamanlı API’lerle 3D veri görselleştirmeleri nasıl oluşturulur - Spline Academy (https://spline.design/tr/academy/tutorials/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

> Bugün Spline ile verileri gerçek zamanlı, etkileşimli 3D görselleştirmelere nasıl dönüştüreceğini keşfediyoruz. Doğrudan markanın web sitesine gömülebilen…

1. [Academy](https://spline.design/tr/academy)
2. [Eğitimler](https://spline.design/tr/academy/tutorials)
3. Spline’da değişkenler ve gerçek zamanlı API’lerle 3D veri görselleştirmeleri nasıl oluşturulur

# Spline’da değişkenler ve gerçek zamanlı API’lerle 3D veri görselleştirmeleri nasıl oluşturulur

Spline 3Dİleri15 dk

Bugün Spline ile verileri gerçek zamanlı, etkileşimli 3D görselleştirmelere nasıl dönüştüreceğini keşfediyoruz. Doğrudan markanın web sitesine gömülebilen dinamik grafik deneyimleri oluşturmayı öğreneceksin. Ayrıca görsellerinin canlı verilere tepki vermesi için değişkenleri kullanmayı ve API’leri bağlamayı da gösteriyoruz; bu da markalamanı, pazarlama materyallerini ve veri panolarını geliştirmenin yeni yollarını açıyor.

Değişkenler hakkında daha fazlası: <https://youtu.be/Id%5FSZVCUVMM?si=0flq5uPWLAH%5FfrVR>

## Neler öğreneceksin

1. [0:00Giriş](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=0s)
2. [0:383D pasta grafik oluşturmak](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=38s)
3. [3:55Tasarımını gerçek verilere nasıl bağlarsın](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=235s)
4. [4:50Değişken eklemek](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=290s)
5. [8:44Verilerini API’lerle bağlamak](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=524s)
6. [14:04Sonuç](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=844s)
7. [14:15Kapanış](https://www.youtube.com/watch?v=Kue1OjJ8KOE&t=855s)

## İlgili kaynaklar

- [Pie Chart - AirtableŞablon](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 APIDoküman](https://docs.spline.design/interaction-states-events-and-actions/real-time-api)
- [VariablesDoküman](https://docs.spline.design/interaction-states-events-and-actions/variables)
- [API Updated EventDoküman](https://docs.spline.design/interaction-states-events-and-actions/events/api-updated-event)
- [Set Variable ActionDoküman](https://docs.spline.design/interaction-states-events-and-actions/actions/set-variable-action)

## Genel bakış

- Spline 3D
- 15 dk
- İleri

## Ait olduğu kurs:

- [Spline ileri seviye | Özelliklere derinlemesine bakış](https://spline.design/tr/academy/collections/spline-advanced-feature-deep-dive/how-to-create-3d-data-visualizations-in-spline-using-variables-and-real-time-apis)

## İlgili eğitimler

[Tüm eğitimler](https://spline.design/tr/academy/tutorials)

[Hareket ve etkileşimle tepki veren bir 3D küre nasıl oluşturulurSpline 3DOrta7 dk](https://spline.design/tr/academy/tutorials/how-to-build-a-reactive-3d-orb-with-motion-and-interaction)[3D’de Liquid Glass malzemeleri oluşturSpline 3DBaşlangıç12 dk](https://spline.design/tr/academy/tutorials/create-liquid-glass-materials-in-3d)[Progressive blur ve gradyanlarla etkileşimli bir anahtar oluşturHanaBaşlangıç4 dk](https://spline.design/tr/academy/tutorials/create-an-interactive-switch-with-progressive-blur-and-gradients)

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

Ekipler ve ajanları için 3D ve 2D editör. Web’de, iOS’ta ve Android’de yayınla.

#### Spline’ı yapay zekaya sor

#### Ürünler

- [3D Tasarım](https://spline.design/tr/3d-design)
- [Hana](https://spline.design/tr/hana)
- [Omma](https://omma.build)
- [Yapay Zekayla 3D Üretim](https://spline.design/tr/ai-generate)
- [Spline MCP](https://spline.design/tr/mcp)
- [Spline Arena](https://spline.design/tr/arena)
- [Fiyatlandırma](https://spline.design/tr/pricing)
- [Kurumsal](https://spline.design/tr/enterprise)

#### Runtime’lar

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

#### Uygulamalar

- [İndir](https://spline.design/tr/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror’ı indir](https://spline.design/download-mirror)

#### Öğren

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/tr/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Çözümler](https://spline.design/solutions)

#### Topluluk

- [Spline Topluluğu](https://community.spline.design)
- [Blog](https://spline.design/tr/blog)
- [Sürüm Notları](https://spline.design/tr/changelog)
- [Eğitim](https://spline.design/tr/education)
- [Contra](https://spline.design/contra)
- [Ortaklık](https://spline.design/tr/affiliate)

#### Şirket

- [Müşteriler](https://spline.design/tr/customers)
- [Kariyer](https://www.ycombinator.com/companies/spline/jobs)
- [Güvenlik](https://spline.design/tr/security)

#### Yasal

- [Şartlar ve Koşullar](https://spline.design/terms)
- [Gizlilik](https://spline.design/privacy)

#### İletişim

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

© 2026 - Spline, Inc.