Plottable.js ile D3'te Hızla Dinamik Grafikler Oluşturma

Ücretsiz D3.js kütüphanesi sana izin veren birçok kişiden sadece biri etkileşimli grafikler oluştur sayfada. D3 belki de grubun en popüler olanı olmasına rağmen, kullanmayı öğrenmek kolay bir iş değil..

Bu yüzden Plottable.js böyle değerli bir kütüphanedir. Bu ücretsiz bir açık kaynaklı proje D3.js üzerine kurulu, herkesin yaratmasını kolaylaştırmak sıfırdan etkileşimli veri grafikleri.

Bu kütüphane tüm kirli işleri ele alır, Böylece veri gibi özelliklere odaklanabilirsiniz. unplottable uygun kodu üretir Seçtiğiniz grafiğin büyüklüğü ve konumu için.

Her grafik kendi bileşeni var Plottable'da nerede şablon kodunu kopyala / yapıştır Grafiği kendi başınıza oluşturmak için. Bu yazı itibariyle 10 arsa grafik stilleri, çubuk grafikler, pasta grafikler, dağılım grafikleri ve alan grafikleri dahil.

Yapabilirsin Bileşenleri ayrı ayrı yeniden oluşturma ve ayarlarını dinamik olarak özelleştir. Bu sayede etkileşimli unsurları, renkleri, animasyonları, pozisyonları, boyutları ve ihtiyaç duyduğunuz her şeyi kolayca değiştirebilirsiniz.

tam kütüphane kaynak koduna göz atmak ve bir kopyasını indirmek istiyorsanız GitHub’ta kullanılabilir..

Ancak, öğrenmenin en iyi yolu örneklerden geçer. Bu yüzden onların gözlerine bakmalısın. Plottable'ı çalıştıran örnek grafikler nasıl çalıştığını görmek için.

Her grafik tam etkileşimli, önyükleme için kaynak koduyla. Benzer bir grafiği yeniden oluşturmak istiyorsanız, JS kodunu kopyalayıp yapıştırın ve gerektiği şekilde yeniden biçimlendirin.

Sitelerinden iki kişisel favorim var: Takvim Isı Haritası GitHub’ın faaliyet kurulu ve Senkronize Grafikler dinamik seçim özellikleri ile.

Daha önce hiç D3.js kullanmadıysanız, bu kütüphaneyi öğrenmek için mücadele edersiniz. Özellikle, çünkü TypeScript ile yazılmış, Bu yüzden muhtemelen onu da almak isteyeceksiniz. Son kod ES5 JavaScript’e derlendi, öyleyse olmalı tüm büyük tarayıcılarda çalışın.

Eğer dalmaya istekliysen, şuna bir göz at Öğreticiler sayfası kullanışlı kaynaklarla dolu. Plottable ile başlamak için ihtiyacınız olan her şeyi öğreneceksiniz ve dinamik web tabanlı grafikler oluşturun sıfırdan.