Bokeh ile Etkileşimli Görselleştirme

Eğitim Hakkında

Python'dan tarayıcıya etkileşimli görselleştirme

Bu eğitim, Python'da Bokeh ile tarayıcıda çalışan etkileşimli grafikler üretmeyi öğretir. figure nesnesi ve glyph yöntemleri (line, circle, vbar, patch), ColumnDataSource ile veri bağlama ve paylaşımı işlenir. Araç çubuğu (pan, box_zoom, wheel_zoom, reset), HoverTool ile ipucu, tıklama ve seçim etkileşimi, eksen/ızgara/efsane biçimlendirme ele alınır. row/column/gridplot ile çoklu düzen, bağlı eksenler (linked axes) ve bağlı seçim (linked brushing), widget'lar (Slider, Select) ve CustomJS geri çağrıları gösterilir. Çıktı HTML olarak dışa aktarılır.

Süre ve Format

3 Gün. Her gün dört modül; her kavram Jupyter/HTML çıktısıyla uygulamalı denenir.

Seviye

Orta Seviye — Bokeh ile tarayıcıda etkileşimli grafikler: figure, glyph, ColumnDataSource, araçlar ve düzenler.

Öğrenme Metodu

Katılımcılar Bokeh ile grafik kodlayıp tarayıcıda etkileşimi deneyerek öğrenir.

Neden Bu Eğitim?

🖱️Etkileşim

Zoom, hover ve seçimle keşfedilebilir web grafikleri kurarsınız.

🔗Bağlı Görseller

ColumnDataSource ile bağlı seçim ve eksenleri bir arada kullanırsınız.

🌐Web Çıktısı

Grafikleri bağımsız HTML olarak paylaşırsınız.

Anahtar Konular

bokehetkileşimli görselleştirmepython veri görselleştirmecolumndatasourcehovertoollinked brushingbokeh widgetweb grafikveri görselleştirmecustomjs

“Etkileşim, izleyiciyi seyirciden kâşife dönüştürür.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Python Temeli

Fonksiyon, liste ve sözlük bilgisi beklenir.

2

Pandas

DataFrame ile temel veri işleme aşinalığı faydalıdır.

3

Bokeh Kurulumu

bokeh paketi kurulu bir Python ortamı gerekir.

4

Tarayıcı

Çıktıyı görüntülemek için güncel bir web tarayıcısı gereklidir.

Eğitim İçeriği

Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.

Günün hedefiKatılımcı figure ve glyph'lerle temel grafikler oluşturup veriyi kaynağa bağlayabilir.

Modül 1

figure ve Çıktı

output_notebook ve output_file
figure() oluşturma
show ile grafiği gösterme
Sunucu vs bağımsız HTML
Bokeh mimarisi (model/document)
Sürüm ve bağımlılıklar

Modül 2

Glyph'ler

line ile çizgi
circle/scatter ile nokta
vbar/hbar ile sütun
patch ve patches
Glyph özellikleri (renk, alpha, size)
Birden çok glyph üst üste

Modül 3

ColumnDataSource

CDS oluşturma ve sözlük/DataFrame
Sütun adlarıyla glyph bağlama
Kaynağı grafikler arasında paylaşma
Veri güncelleme (stream/patch)
CDSView ve filtre
Kaynağın etkileşimdeki rolü

Modül 4

Biçimlendirme

Başlık ve eksen etiketi
Eksen türü ve biçim
Izgara ve arka plan
Efsane konumu ve etkileşimi
Renk paleti (palettes)
Tema uygulama

Günün hedefiKatılımcı araçlar ve bağlı seçimle etkileşimli keşif grafikleri kurabilir.

Modül 1

Araç Çubuğu

pan, wheel_zoom, box_zoom
reset ve save
box_select ve lasso_select
tap (tıklama) aracı
Araç konumu ve aktif araç
Araç çubuğunu özelleştirme

Modül 2

HoverTool

tooltips ile ipucu tanımı
@sütun ve $x/$y değerleri
Biçimlendirilmiş ipucu
mode (hline/vline/mouse)
Özel HTML ipucu
Birden çok glyph'te hover

Modül 3

Bağlı Görseller

Ortak CDS ile linked brushing
Linked axes (x_range paylaşımı)
Seçimin görseller arası yansıması
Birden çok panelde senkron zoom
Vurgulanan seçim stili
Etkileşimli efsane ile gizleme

Modül 4

Renk Eşleme

linear_cmap ile renk haritası
kategorik renk eşleme (factor_cmap)
ColorBar ekleme
Renk ölçeği ve normalize
Nicel veride renk kullanımı
Palet seçimi ve erişilebilirlik

Günün hedefiKatılımcı çoklu grafik düzeni kurup widget'larla etkileşim ekleyip HTML dışa aktarabilir.

Modül 1

Düzen

row ve column düzeni
gridplot ile ızgara
sizing_mode ile duyarlı boyut
Ortak araç çubuğu
Sekme (Tabs) paneli
Düzen içinde başlık/metin

Modül 2

Widget'lar

Slider ile sayısal giriş
Select ve dropdown
Button ve CheckboxGroup
DataTable ile tablo
TextInput ve DateRange
Widget yerleşimi

Modül 3

CustomJS

CustomJS geri çağrısı
Widget değerini kaynağa bağlama
Sunucusuz etkileşim mantığı
js_on_change kullanımı
Kaynak güncelleme ile grafik tazeleme
Basit filtre/hesap örneği

Modül 4

Çıktı ve Paylaşım

output_file ile HTML üretme
save ve bağımsız dosya
Grafiği web sayfasına gömme
components ile script/div çıkarma
CDN vs inline kaynak
Çıktı doğrulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Temel Grafik

figure ve glyph'lerle Bokeh grafikleri kurarsınız.

✅

Veri Kaynağı

ColumnDataSource ile veriyi bağlar ve paylaşırsınız.

✅

Araçlar

Zoom, pan ve seçim araçlarını yapılandırırsınız.

✅

Hover

HoverTool ile biçimli ipuçları eklersiniz.

✅

Bağlı Seçim

Linked brushing ile bağlı görseller kurarsınız.

✅

Düzen

gridplot ve sekmelerle çoklu düzen oluşturursunuz.

✅

Widget

Slider ve Select ile etkileşim eklersiniz.

✅

HTML Çıktı

Grafikleri bağımsız HTML olarak paylaşırsınız.

Kimler İçin Uygundur?

Python bilen veri analistleri
veri bilimciler
web'de paylaşılabilir etkileşimli grafik üretmek isteyenler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Python bilen analistler, veri bilimciler ve web'de paylaşılabilir etkileşimli grafik üretmek isteyenler için uygundur.

Hangi ön bilgi gerekir?

Temel Python ve Pandas aşinalığı beklenir; Bokeh sıfırdan anlatılır.

Matplotlib'den farkı nedir?

Bokeh statik değil, tarayıcıda zoom/hover/seçim gibi etkileşim sunan web grafikleri üretir.

Sunucu kurmak gerekir mi?

Temel etkileşim CustomJS ile sunucusuz çalışır; ileri senaryolar için Bokeh server ayrıca ele alınabilir.

Eğitim sonunda sertifika veriliyor mu?

Katılım ve değerlendirme sonrası Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

Sertifikalandırma

Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.

Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.

Örnek Sertifika

DATA VISUALIZATION: BUILDING INTERACTIVE VISUALIZATIONS WITH BOKEH EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

figure ve Çıktı

Glyph'ler

ColumnDataSource

Biçimlendirme

Araç Çubuğu

HoverTool

Bağlı Görseller

Renk Eşleme

Düzen

Widget'lar

CustomJS

Çıktı ve Paylaşım

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Data Loading & Visualization in Power BI: Loading Data from Databases Eğitimi

Data Model Design using Power BI Desktop - Level 2 Eğitimi

Data Pipeline: Process Implementation Using Tableau & AWS Eğitimi

Data Roles, New Rows, and the Clean Step in Tableau Prep Builder Eğitimi

Data Visualization (Veri Görselleştirme) Eğitimi Eğitimi