Kapanış videosu

Dash ve Plotly ile Paneller Oluşturma

Alex Scriven

Data Scientist

Bölüm 1

Plotly’yi gözden geçirdik
İlk Dash uygulamasını oluşturduk
HTML’e genel bakış

Ay bazında satışların çizgi grafiği GIF’i; fare bir noktada bekleyince ay ve satış değeri açılır pencerede görünür

Bölüm 2

HTML ve CSS ile yapı ve stil
Uygulama öğelerini konumlandırma, boyutlandırma ve stillendirme
- style sözlüğü

“En Çok Satılan Kategoriler” başlıklı bir görsel: Altında, kırmızı noktalı çerçeve içinde yatay çubuk grafik; dışında, en iyi iki satış kategorisini belirten liste. Kenarlık her yandan dışa itilmiş; bu itişi gösteren geri oklar var. Grafik çevresinde daha fazla boşluk, başlık ve alttaki metin de uzaklaşmış.

Bölüm 3

Geri çağrılarla etkileşim
Açılır menüler, tarih seçiciler ve serbest metin girişleri

Yaygın bir tarih seçici örneği GIF’i. 1 Temmuz 2025 seçili. Tıklanınca takvim açılır; 2 Temmuz 2025 seçilir, takvim kapanır ve seçici güncellenir.

Bölüm 4

Hover ve tıklama olaylarıyla etkileşim
AG Grid tabloları oluşturma

Farklı hücrelere tıklayınca, altta tıklanan hücrenin içeriğini sözlük olarak gösteren bir metin kutusu çıkan tablo GIF'i

Sonraki adımlar?

Kendi panolarınızı oluşturun
- İlham için örnekler
Geri çağrı zincirleriyle deneyin
AG Grid tablolarında ilerleyin

Screenshot at May 15 08-06-55.png

Plotly Studio

Dakikalar içinde veri kümesinden Dash uygulamaları oluşturun ⚡
Yapay zekâyla oluşturulan temeli özelleştirin 🔧
Tek tıkla Plotly Cloud’a yayımlayın 🚀

¹ plotly.com/studio

Teşekkürler!

Dash ve Plotly ile Paneller Oluşturma