D3 Derinlemesine Analiz

D3 in Depth

D3 in Depth, D3 sürüm 6 ve 7'yi ele alıyor

• Ana sayfa: D3 in Depth, D3.js'in en güncel sürümleri olan 6 ve 7'yi ele alan bir sitedir.
• Tanıtım: Bu site, D3.js kullanarak veri görselleştirme hakkında derinlemesine içerik sunar.
• Bülten: Bülten aracılığıyla kitap indirim bilgileri ile D3.js ile ilgili haberler ve ipuçları alınabilir.

Kitaplar ve kurslar

• Visualising Data with JavaScript: Chart.js, Leaflet, D3 ve React kullanarak grafikler, panolar ve veri hikâyeleri oluşturmayı öğretir.
  • "Okuduğum en iyi D3 kitaplarından biri. İçeriği çok açık, takip etmesi kolay ve kavramlar son derece sağlam." - Javier García Fernández
• Özel veri görselleştirmeleri: D3.js kullanarak özel veri görselleştirmeleri oluşturmayı öğrenebilirsiniz.
• Temel öğrenim: Web'de veri görselleştirmeleri oluşturmak için HTML, SVG, CSS ve JavaScript'in temellerini öğrenebilirsiniz.

İçindekiler

• D3'e giriş
• Başlarken
• Seçimler (Selections)
• Veri bağlama (Data joins)
• Enter, exit & update
• Ölçek fonksiyonları (Scale functions)
• Şekiller (Shapes)
• Eksenler (Axes)
• Hiyerarşiler (Hierarchies)
• Kordon diyagramları (Chord Diagrams)
• Kuvvet düzeni (Force layout)
• Haritalar (Maps)
• Veri istekleri (Data Requests)
• Geçişler (Transitions)
• Seçme, sürükleme ve fırçalama (Picking, Dragging and Brushing)
• Yakınlaştırma ve kaydırma (Zoom & pan)

Bülten

• Abonelik: Kitap indirim bilgileri ile D3.js ile ilgili haberler ve ipuçları alınabilir.

Telif hakkı

• © Peter Cook 2023

GN⁺ görüşü

• D3.js'in önemi: D3.js, karmaşık verileri görsel olarak ifade etmekte çok faydalı olan bir veri görselleştirme kütüphanesidir. Özellikle büyük veri kümeleriyle çalışırken güçlü bir araçtır.
• Öğrenme eğrisi: D3.js güçlüdür ancak öğrenme eğrisi dik olabilir. Bu site, başlangıç seviyesinden ileri düzey kullanıcılara kadar herkes için yararlı kaynaklar sunar.
• Çeşitli araçlarla entegrasyon: Chart.js, Leaflet ve React gibi diğer araçlarla entegrasyon yöntemlerini öğrenebilir, bunu çeşitli projelere uygulayabilirsiniz.
• Uygulama odaklılık: Bu site uygulama odaklı yapılandırılmıştır; bu sayede gerçek projelerde hemen kullanılabilecek bilgiler edinilebilir.
• Teknoloji seçerken dikkat edilmesi gerekenler: D3.js seçilirken projenin karmaşıklığı, ekibin teknik seviyesi ve bakım yapılabilirlik gibi unsurlar göz önünde bulundurulmalıdır. D3.js güçlüdür, ancak basit görselleştirmeler için gereğinden fazla olabilir.

[GN⁺]

Hacker News görüşü

Hacker News yorum derlemesi özeti

• Observable Plot ve Observable Framework tanıtımı

  • D3 ile veri görselleştirmeyle ilgileniyorsanız, daha yüksek seviyede kullanım kolaylığı sunan Observable Plot'a göz atmaya değer.
  • Observable Framework, Plot, D3 ve çeşitli kütüphaneleri destekleyen bir statik site oluşturucudur; görselleştirme panoları kurmak için kullanılabilir.
  • Observable Plot
  • Observable Framework

• D3 kullanmanın zorluğu

  • D3 ile çok deneyimim olsa da, birkaç yıl sonra yeniden kullandığımda dokümantasyon kafa karıştırıcı geliyor ve sanki en baştan başlıyormuşum gibi hissettiriyor.
  • D3 dokümantasyonunu anlamak, matematik problemi çözmekten daha zor.

• D3 öğrenmenin değeri

  • D3'ü profesyonel olarak kullanmasanız bile öğrenmeye değer.
  • Verinin projeksiyonu ile gerçek veri arasındaki farkı anlamayı ve bunu nasıl ölçeklendireceğinizi öğrenebilirsiniz.
  • Web dışında başka ortamlarda veri görselleştirme yaparken de faydalıdır.

• D3.js'in gelişimi ve modern alternatifler

  • D3.js ile birçok proje yaptım ama artık demode hissettiriyor.
  • Vue 3 ve TypeScript gibi modern framework'lere geçtim, ancak D3.js'in kazandırdığı iyi pratikler için minnettarım.

• VisX gibi alternatifler

  • D3'ü öğrendikten sonra VisX gibi daha yapılandırılmış araçlara geçmek iyi olur.
  • D3 ve jQuery kolayca spagetti koda dönüşebilir.

• Grammar of Graphics ve ggplot2

  • D3, Wilkinson'ın Grammar of Graphics yaklaşımından ilham alır.
  • R dilindeki ggplot2 de aynı ilhamı alır ve daha kısa, daha işlevsel bir arayüz sunar.

• Force-directed graph sorunları

  • D3 örneklerindeki force-directed graph'ları seviyorum, ancak düğüm ve kenar sayısı arttıkça düzen iyi görünmüyor.
  • 3D görselleştirme gerekebilir.

• Faydalı D3 kaynakları

  • D3'ü anlamama gerçekten yardımcı olan tek bir kaynak vardı.
  • Yazarı çok hızlı dönüş yapıyor ve yardımcı oluyor.

• Vega tanıtımı

  • D3'ün üzerine kurulu Vega hakkında iyi şeyler duydum.
  • OpenSearch Dashboards bağımlılığı olarak kullanılıyor ve kullanıcıların loglar ile gözlemlenebilirlik verileri için özel panolar oluşturmasını sağlıyor.
  • Vega belgeleri
  • OpenSearch Dashboards'ta Vega kullanımı

• D3 sözdiziminin karmaşıklığı

  • D3 ile yapılan görselleştirmeler iyi, ancak sözdizimi fazla karmaşık ve eski hissettiriyor.
  • Daha deklaratif yaklaşımlara geçilmiş olmasına seviniyorum.