Plotly'den Dash'e

Dash ve Plotly ile Paneller Oluşturma

Alex Scriven

Data Scientist

İlk Dash Uygulaması

Tam bir Dash uygulaması:

from dash import Dash, dcc
app = Dash()
app.layout = [dcc.Graph(id='example-graph', figure=bar_fig)]
if __name__ == '__main__':
    app.run(debug=True)

Python işlevselliği mümkün
- Örn., dize enterpolasyonu print("f{my_variable}")

Başlıca Dash içe aktarımları

from dash import Dash, dcc

Dash uygulamayı başlatır
dcc grafik ve girdi gibi arayüz bileşenleri içerir
- Uygulamamızda bir bileşen
- Kurs boyunca daha fazlası

Uygulama düzeni

app = Dash()

app.layout = [dcc.Graph(
  id='example-graph',
  figure=bar_fig)]

Dash() ile bir uygulama nesnesi oluşturun
app.layout değerini ayarlayın
- dcc.Graph() kullanın
  - figure = Görselleştirilecek Plotly şekli
  - id = Sonraki geri çağrılar için önemli

Uygulamayı çalıştırma

if __name__ == '__main__':
    app.run(debug=True)

Betik komut satırından çalıştırılır
- Örn., komut satırında python my_app.py
Testte geri bildirim için debug

Uygulamamız

Google Chrome gibi bir web tarayıcısıyla erişin
Sunucu çalışırken .py dosyasını güncelleyip kaydedin; tarayıcıda anlık güncellemeleri görün

Bir dash uygulaması çalıştırıldığında terminalde görülenlerin ekran görüntüsü. Betikte belirtilen ayrıntıları gösteren siyah arka plan üzerinde beyaz metin var.

Tarayıcıda uygulamamız

Yatay çubuk grafik: x ekseninde toplam satış, y ekseninde ülke. Önceki derstekiyle aynı grafik; ancak Chrome tarayıcısında ve URL çubuğunda sunucu adresi görünüyor. Fare grafiğin üzerinde geziniyor ve sunucuyu göstermek için URL çubuğuna tıklıyor.

DataCamp'te Dash

Diğer DataCamp alıştırmalarından bazı farklar:
- Alıştırmaların başında kurulum satırları
- Hepsi tek seferde çalışır (satır satır değil)
- Çok daha uzun kod
Tam işlevli panolar (pencereyi büyütün!)

Bir dash kodlama alıştırmasının üst kısmının ekran görüntüsü; uygulamayı tam ekranda görmek için HTML çıktısını genişletme düğmesi vurgulanmış.

Haydi pratik yapalım!

Dash ve Plotly ile Paneller Oluşturma