Minggu, 15 Desember 2019

Kuliah singkat tentang D3.js



D3.js adalah library JavaScript yang digunakan untuk meanipulasi dokumen berdasarkan data. Library ini menggunakan HTML, CSS, dan SVG untuk membuat representasi visual dari data yang dapat dilihat oleh browser  modern saat ini. Tidak seperti library visualisasi lainnya, D3.js menawarkan kontrol yang lebih baik terhadap hasil visual akhir. D3.js bekerja dengan mengikat data ke DOM dan kemudian melakukan transformasi ke dokumen. Memiliki ekosistem tersendiri, yang terdiri dari plugin dan library yang memperluas fungsionalitas dasarnya. Library sudah ada sejak 2011, dan memiliki banyak dokumentasi dan tutorial yang dapat membantu anda dalam memulainya.

Fitur-Fitur Yang Dimiliki D3:


  • Menggunakan Standar Web                                                                       D3 adalah alat visualisasi yang sangat powerfull untuk mem-visualisasi data interaktif. Mengeksplorasi standar web modern seperti SVG, HTML, dan CSS untuk membuat visualisasi data.
  • Data Driven                                                                                                    D3 adalah data driven, yaitu data yang dapat menggunakan data statis atau mengambilnya dari server dalam format yang berbeda seperti Array, Obyek, CSV, JSON, XML dll untuk membuat berbagai jenis bagan.
  • Manipulasi DOM                                                                                             D3 memungkinkan anda untuk memanipulasi Document Object Model (DOM) berdasarkan data anda.
  • Properti Dinamis                                                                                              D3 memberikan fleksibilitas untuk memberikan properti dinamis ke sebagian besar fungsinya. Properti dapat ditentukan sebagai fungsi data. Itu beratri data anda dapat mengarahkan gaya dan atribut anda.
  • Jenis Visualisasi                                                                                            Dengan D3, tidak ada visualisasi standar. Tapi itu memungkinkan anda untuk membuat apa saja dari tabel HTML ke diagram Pie, dari grafik dan diagram batang hingga peta geospasial.
  • Visualisasi Kustom                                                                                         Karena D3 bekerja dengan standar web, maka memberikan anda kontrol penuh atas fitur visualisasi anda.
  • Transisi                                                                                                            D3 menyediakan fungsi transition (). Ini cukup kuat karena secara internal, D3 menyusun logika untuk menginterpolasi antara nilai-nilai anda dan menemukan status intermiten.
  • Interaksi dan Animasi                                                                                      D3 memberikan dukungan untuk animasi dengan fungsi-fungsi seperti duration (), delay() dan ease ()

Kelebihan Dari D3:

  • D3.js adalah perpustakaan JavaScript. jadi, ini dapat digunakan dengan kerangka kerja JavaScript anda. seperti Angular.js, React.js, atau Ember.js.
  • D3 berfokus pada data, sehingga merupakan alat yang paling tepat dan khusus untuk visualisasi data.
  • D3 adalah open source. Jadi anda dapat bekerja dengan kode sumber dan menambahkan fitur anda sendiri.
  • Berfungsi dengan standar web sehingga anda tidak memerlukan teknologi atau plugin lain selain peramban untuk memanfaatkan D3 ini.
  • D3 bekerja dengan standar web seperti HTML, CSS dan SVG, jadi tidak ada alat pembelajaran atau debugging baru yang diperlukan untuk bekerja pada D3.
  • D3 tidak menyediakan futyr spesifik apapun, sehingga memberiakn anda kontrol penuh atas visualisasi anda untuk menyesuaikannya seperti yang anda inginkan. Ini memberika keunggulan pada alat pupuler lainnya seperti Tableau atau QlikView.
  • Karena D3 ringan, dan bekerja langsung dengan standar web, maka ia sangat cepat dan berfungsi baik dengan kumpulan data besar.

Berikut Beberapa Tampilan Visualisasi






Tidak ada komentar:

Posting Komentar