D3.JS

D3.js adalah pustaka JavaScript untuk manipulasi dokumen berdasarkan data. D3 membantu anda menyajikan data menggunakan HTML, SVG dan CSS. Penekanan D3 pada standard web memberi Anda kompatibilitas penuh trerhadap perambah web (web browser) modern tanpa mengkaitkan anda dengan framework proprietary, menggabungkan komponen-komponen visualisasi yang powerful dan pendekatan berdasarkan data pada manipulasi DOM (Document Object Model).

Ada berbagai upaya sebelumnya untuk membawa visualisasi data ke browser web. Contoh yang paling menonjol adalah toolkit Prefuse, Flare, dan Protovis, yang semuanya dapat dianggap sebagai pendahulu langsung dari D3.js.

Prefuse adalah tool visualisasi yang dibuat pada 2005 yang mengharuskan penggunaan Java, dan visualisasi diberikan di dalam browser dengan plug-in Java.

Flare adalah toolkit serupa dari 2007 yang menggunakan ActionScript, dan membutuhkan plug-in Flash untuk rendering.

Pada tahun 2009, berdasarkan pengalaman mengembangkan dan memanfaatkan Prefuse dan Flare, Jeff Heer, Mike Bostock, dan Vadim Ogievetsky dari Stanford Visualization Group menciptakan Protovis, perpustakaan JavaScript untuk menghasilkan grafik SVG dari data. Perpustakaan ini dikenal oleh praktisi visualisasi data dan akademisi.

Pada 2011, pengembangan Protovis dihentikan untuk fokus pada proyek baru, D3.js. Diinformasikan oleh pengalaman dengan Protovis, Bostock, bersama dengan Heer dan Ogievetsky, mengembangkan D3.js untuk memberikan kerangka kerja yang lebih ekspresif yang, pada saat yang sama, berfokus pada standar web dan memberikan peningkatan kinerja.

API D3.js berisi beberapa ratus fungsi, dan mereka dapat dikelompokkan ke dalam unit logis berikut:

Pilihan

1.     Transisi

2.    Array

3.    Matematika

4.    Warna

5.    Sisik

6.    SVG

7.    Waktu

8.    Tata letak

9.    Geografi

10. Geometri

11.  Perilaku

12. Matematika

Generasi angka pseudorandom dengan distribusi normal, log-normal, Bates, dan Irwin-Hall.

Transformasi dalam 2D: terjemahan, rotasi, miring, dan penskalaan.

Array

            Operasi array D3.js dibangun untuk melengkapi dukungan array yang ada dalam JavaScript (metode mutator: sort, reverse, splice, shift, dan unshift; metode accessor: concat, join, slice, indexOf dan lastIndexOf; metode iterasi: filter, setiap, untuk setiap mesin, map, sebagian, kurangi dan perkecilRight). D3.js memperluas fungsi ini dengan:

1.     Fungsi untuk menemukan minimum, maksimum, luas, jumlah, rata-rata, median, dan kuantil dari suatu array.

2.    Fungsi untuk memesan, mengocok, mengganti-ganti, menggabungkan, dan membagi dua array.

3.    Fungsi untuk array bersarang.

4.    Fungsi untuk memanipulasi array asosiatif.

5.    Dukungan untuk peta dan mengatur koleksi.

Geometri

1.     Menghitung lambung cembung satu set poin.

2.    Menghitung Voronoi tesselation dari satu set poin.

3.    Dukungan untuk struktur data titik quadtree.

4.    Dukungan untuk operasi dasar pada poligon.

Warna

1.     Dukungan untuk representasi warna RGB, HSL, HCL, dan L * a * b *.

2.    Cerah, gelap, dan interpolasi warna.

Gresik, 15 Desember 2019

Zar’ah Nurkhofifah