D3.js Temelleri: Sıfırdan Özel Veri Görselleştirmeleri Oluşturun

Statik grafikler genellikle karmaşık verilerin tüm hikayesini anlatmakta yetersiz kalır. Kullanıcıları gerçekten etkileşime sokmak için, gerçek dünya verilerini doğrudan web belgesine bağlama, kullanıcı girdisine tepki veren dinamik ve duyarlı görselleştirmeler oluşturma becerilerine ihtiyacınız var. Bu metin tabanlı kurs, ham veri kümelerini özel, etkileşimli tarayıcı tabanlı grafiklere dönüştürme sürecinde size adım adım rehberlik eder. SVG yapısı, koordinat sistemleri ve D3'ün verileri DOM öğelerine nasıl bağladığı dahil olmak üzere temel kavramlarda ustalaşarak başlayacaksınız. Buradan hareketle, enter-update-exit yaşam döngüsünü yönetmeyi, doğrusal (linear) ve sıralı (ordinal) ölçekleri uygulamayı ve grafikleriniz için temiz, erişilebilir eksenler oluşturmayı öğreneceksiniz. Becerilerinizin güncel kalmasını sağlamak için, modern JavaScript paketleme iş akışlarını nasıl entegre edeceğinizi ve görselleştirmelerinizi mobil ve masaüstü görüntü alanlarında duyarlı hale getirmeyi de öğreneceksiniz. Neler öğreneceksiniz: - Verileri DOM öğelerine bağlamanın temel D3.js yaşam döngüsünü anlayın - Özel çubuk (bar), çizgi (line) ve dağılım (scatter) grafikleri oluşturmak için SVG şekillerini oluşturun ve manipüle edin - Veri değerlerini ekran piksellerine doğru bir şekilde eşlemek için doğrusal (linear), bant (band) ve zaman (time) ölçeklerini uygulayın - Değişen görüntü alanı boyutlarına uyum sağlayan dinamik, duyarlı grafik eksenleri oluşturun - Modern JavaScript olaylarını kullanarak akıcı geçişler ve etkileşimli fareyle üzerine gelme (hover) durumları uygulayın - Modern ESM içe aktarmalarını (imports) ve temiz proje yapılarını kullanarak görselleştirme kodunu düzenleyin Bu kurs, pratik grafik oluşturma alıştırmalarına geçmeden önce temel tanımlar ve adım adım kod incelemeleriyle başlar. HTML, CSS ve başlangıç düzeyinde JavaScript bilgisine sahip yeni başlayanlar için tamamen tasarlanmıştır. Önceden veri görselleştirme deneyimi gerekmemektedir. İlk özel veri odaklı belgenizi bugün oluşturmaya başlamak için okumaya başlayın.