Python Academy · Ders

Etkileşimli Özellikler

Yakınlaştırın, üzerine gelin ve kaydırın

Etkileşimli Özellikler, CoddyKit'te ücretsiz bir Python Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Python Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Python Academy kursu toplamda 4 dersten oluşur.

Etkileşim Neden Önemlidir

Plotly'nin statik kitaplıklara göre en büyük avantajı, grafiklerin kullanıcıya tepki vermesidir. Okuyucular, grafiği etiketlerle doldurmanıza gerek kalmadan bir bölgeyi yakınlaştırabilir, veriler arasında kaydırma yapabilir ve kesin değerleri okumak için noktaların üzerine gelebilir.

Etkileşim, tek bir grafiğin hem genel görünümü hem de ayrıntıyı sunmasını sağlar.

Üzerine Gelme Araç İpuçları

Varsayılan olarak bir noktanın üzerine gelindiğinde x ve y değerleri gösterilir. Ek sütunlar eklemek için hover_data=['col1', 'col2'] ile bunu zenginleştirebilir veya araç ipucunun kalın başlığını belirlemek için hover_name='name' kullanabilirsiniz.

İyi araç ipuçları, grafiğin kendisini gereksiz ayrıntılarla doldurma ihtiyacını ortadan kaldırır.

Araç İpucu Metni Oluşturma

Kavramsal olarak araç ipucu, bir veri satırından derlenen biçimlendirilmiş bir metinden ibarettir. Aynı fikrin yalın Python ile uygulanışı aşağıda gösterilmiştir.

point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)

Yakınlaştırma ve Kaydırma

Plotly grafikleri; yakınlaştırma, kaydırma ve dikdörtgenle seçim araçlarını içeren bir mod çubuğuna sahiptir. Kullanıcılar ayrıca bir dikdörtgeni sürükleyerek yakınlaştırabilir ve sıfırlamak için çift tıklayabilir.

Bu davranışlar varsayılan olarak etkindir; genellikle bunlar için herhangi bir kod yazmanız gerekmez.

Aralık ve Sıfırlama

Yakınlaştırma, eksen aralığını geçici olarak değiştirir. Başlangıç aralığını fig.update_xaxes(range=[0, 100]) ile belirleyebilirsiniz; kullanıcı bunu her zaman sıfırlayabilir.

Yakınlaştırmayı, tüm veri aralığından bir alt pencere seçmek gibi düşünün.

full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')

Üzerine Gelme Modları

fig.update_layout(hovermode='x unified'), üzerine gelinen x konumundaki her seriyi listeleyen tek bir araç ipucu gösterir. Bu, aynı zaman noktasındaki birden çok çizgiyi karşılaştırmak için mükemmeldir.

Diğer modlar arasında 'closest' ve 'x' bulunur.

Gösterge Etkileşimi

Plotly göstergeleri tıklanabilir. Tek tıklama bir seriyi gizler; çift tıklama ise yalnızca o seriyi gösterir. Böylece ayrı grafikler oluşturmanıza gerek kalmadan kullanıcılar ilgilendikleri verilere odaklanabilir.

Grafiğinizde birden çok iz olduğunda bu özellik otomatik olarak çalışır.

Aralık Kaydırıcıları

Zaman serileri için fig.update_xaxes(rangeslider_visible=True) ile bir aralık kaydırıcısı ekleyin. Aşağıda küçük bir genel bakış grafiği görünür ve kullanıcıların tarih aralığı seçmek için kaydırma yapmasına olanak tanır.

Bu özellik, 1m, 6m, YTD gibi aralık seçici düğmeleriyle iyi çalışır.

Özel Üzerine Gelme Şablonları

Tam denetim için hovertemplate kullanın; bu, %{x} ve %{y} gibi yer tutucular içeren bir metindir. Üzerine gelindiğinde gösterilecek metni ve sayı biçimlendirmesini tam olarak siz belirlersiniz.

Şablonu tasarlamak, biçimlendirilmiş herhangi bir metni tasarlamaya benzer.

x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)

Ne Zaman Duracağınızı Bilmek

Etkileşim güçlüdür, ancak maliyetsiz değildir. Çok fazla denetim, sıradan okuyucuların gözünü korkutabilir. Gerçek soruları yanıtlayan özellikleri etkinleştirin ve geri kalanlar için uygun varsayılan ayarlara güvenin.

Mod Çubuğu

Her grafiğin sağ üst köşesindeki araç çubuğu mod çubuğudur. Bu çubukta yakınlaştırma, kaydırma, otomatik ölçeklendirme ve PNG indirmeye yarayan bir kamera düğmesi bulunur. Grafiği görüntülerken config argümanıyla bu çubuğu yapılandırabilir veya gizleyebilirsiniz.

Kullanılmayan düğmeleri gizlemek, teknik olmayan kitleler için grafikteki gereksiz kalabalığı azaltır.

Hızlı Kontrol

Etkileşimli özellikler hakkındaki bilginizi sınayın.

Özet

Plotly'nin etkileşim özelliklerini incelediniz:

hover_data ve hovertemplate ile zenginleştirilebilen üzerine gelme araç ipuçları
Yerleşik mod çubuğu üzerinden yakınlaştırma ve kaydırma
Birleştirilmiş araç ipuçları için hovermode='x unified'
Tıklanabilir göstergeler ve zaman serileri için aralık kaydırıcıları

Gerçek soruları yanıtlamak için bu özellikleri bilinçli şekilde kullanın.

Sıkça Sorulan Sorular

“Etkileşimli Özellikler” dersi ücretsiz mi?

Evet — “Etkileşimli Özellikler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Python Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Python Academy kursu toplamda 4 dersten oluşur.

“Etkileşimli Özellikler” dersinde ne öğreneceğim?

Yakınlaştırın, üzerine gelin ve kaydırın Python Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Python Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Python Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“Etkileşimli Özellikler” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Python Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Python Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← Python Academy Sayfasına Dön