DC.js - Installazione

In questo capitolo impareremo come configurare l'ambiente di sviluppo DC.js. Prima di iniziare, abbiamo bisogno dei seguenti componenti:

  • Libreria DC.js.
  • Editor
  • programma di navigazione in rete
  • server web

Esaminiamo i passaggi uno per uno in dettaglio.

Installazione di DC.js

L'installazione DC è molto facile da configurare. Segui i passaggi seguenti per installare DC sulla tua macchina.

Scarica DC Library

DC è una libreria open source; usa il linkhttps://github.com/dc-js/dc.js/releases per scaricare il file.

Scarica l'ultima versione del file DC. (Al momento, l'ultima versione è 2.0.2.). Al termine del download, decomprimere la cartella DC e incollarla nella cartella principale del progetto o in qualsiasi altra cartella, dove si desidera conservare tutti i file della libreria.

La pagina HTML di esempio è come mostrato di seguito.

<!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 è un codice JavaScript, quindi dobbiamo scrivere tutti i codici DC all'interno del tag "script". Potrebbe essere necessario manipolare gli elementi DOM esistenti, quindi è consigliabile scrivere il codice DC appena prima della fine del tag "body".

Editor DC.js

Avremo bisogno di un editor per iniziare a scrivere il codice. Ci sono alcuni ottimi IDE (Integrated Development Environment) con supporto per JavaScript come:

  • Codice di Visual Studio
  • WebStorm
  • Eclipse
  • SublimeText

Questi IDE forniscono il completamento del codice intelligente e supportano alcuni dei moderni framework JavaScript. Se non abbiamo un IDE di fantasia, possiamo sempre utilizzare un editor di base come Blocco note, VI, ecc.

Programma di navigazione in rete

DC.js funziona su tutti i browser tranne IE8 e versioni precedenti.

Server web

La maggior parte dei browser serve file HTML locali direttamente dal file system locale. Tuttavia, ci sono alcune limitazioni quando si tratta di caricare file di dati esterni. Nei capitoli successivi di questo tutorial, caricheremo i dati da file esterni come CSV e JSON. Pertanto, sarà più facile per noi se configuriamo il server web fin dall'inizio.

Possiamo utilizzare qualsiasi server web con cui siamo a nostro agio. Ad esempio: IIS, Apache, ecc.

Visualizzazione di una pagina

Nella maggior parte dei casi, possiamo semplicemente aprire il file HTML in un browser web per visualizzarlo. Tuttavia, quando si caricano origini dati esterne, è più affidabile eseguire un server Web locale e visualizzare la pagina dal server (http://localhost:8080).