DC.js - Instalasi

Dalam bab ini, kita akan mempelajari cara mengatur lingkungan pengembangan DC.js. Sebelum kita mulai, kita membutuhkan komponen berikut -

Perpustakaan DC.js.
Editor
Browser web
Server web

Mari kita bahas langkah-langkahnya satu per satu secara detail.

Instalasi DC.js

Instalasi DC sangat mudah diatur. Ikuti langkah-langkah di bawah ini untuk menginstal DC pada mesin Anda.

Unduh Perpustakaan DC

DC adalah perpustakaan sumber terbuka; gunakan tautannyahttps://github.com/dc-js/dc.js/releases untuk mengunduh file.

Unduh versi terbaru dari file DC. (Saat ini, versi terbaru adalah 2.0.2.). Setelah pengunduhan selesai, unzip folder DC dan tempelkan ke folder root proyek Anda atau folder lain, tempat Anda ingin menyimpan semua file perpustakaan Anda.

Contoh halaman HTML seperti yang ditunjukkan di bawah ini.

<!DOCTYPE html>
<html lang = "en">
   <head>
      <script src = "js/d3.js"></script>
      <script src = "js/crossfilter.js"></script>
      <script src = "js/dc.js"></script>
   </head>
   
   <body>
      <script>
         // write your dc code here.. 
      </script>
   </body>
</html>

DC adalah kode JavaScript, jadi kita harus menulis semua kode DC di dalam tag "script". Kita mungkin perlu memanipulasi elemen DOM yang ada, oleh karena itu disarankan untuk menulis kode DC tepat sebelum akhir dari tag "body".

Editor DC.js

Kami membutuhkan editor untuk mulai menulis kode. Ada beberapa IDE (Integrated Development Environment) yang bagus dengan dukungan untuk JavaScript seperti -

Kode Visual Studio
WebStorm
Eclipse
SublimeText

IDE ini menyediakan penyelesaian kode yang cerdas serta mendukung beberapa kerangka kerja JavaScript modern. Jika kami tidak memiliki IDE yang mewah, kami selalu dapat menggunakan editor dasar seperti Notepad, VI, dll.

Browser Web

DC.js bekerja di semua browser kecuali IE8 dan yang lebih rendah.

Server Web

Sebagian besar browser menyajikan file HTML lokal langsung dari sistem file lokal. Namun, ada batasan tertentu saat memuat file data eksternal. Pada bab selanjutnya dari tutorial ini, kita akan memuat data dari file eksternal seperti CSV dan JSON. Karenanya, akan lebih mudah bagi kita, jika kita menyiapkan web server sejak awal.

Kami dapat menggunakan server web apa pun, yang kami rasa nyaman. Misalnya - IIS, Apache, dll.

Melihat Halaman

Dalam kebanyakan kasus, kita cukup membuka file HTML di browser web untuk melihatnya. Namun, saat memuat sumber data eksternal, akan lebih dapat diandalkan untuk menjalankan server web lokal dan melihat halaman dari server (http://localhost:8080).