DC.js - Installation

Dans ce chapitre, nous allons apprendre à configurer l'environnement de développement DC.js. Avant de commencer, nous avons besoin des composants suivants -

  • Bibliothèque DC.js
  • Editor
  • Navigateur Web
  • serveur Web

Passons en revue les étapes une par une en détail.

Installation de DC.js

L'installation DC est très facile à mettre en place. Suivez les étapes ci-dessous pour installer DC sur votre machine.

Télécharger la bibliothèque DC

DC est une bibliothèque open source; utiliser le lienhttps://github.com/dc-js/dc.js/releases pour télécharger le fichier.

Téléchargez la dernière version du fichier DC. (À partir de maintenant, la dernière version est la 2.0.2.). Une fois le téléchargement terminé, décompressez le dossier DC et collez-le dans le dossier racine de votre projet ou dans tout autre dossier, dans lequel vous souhaitez conserver tous vos fichiers de bibliothèque.

L'exemple de page HTML est illustré ci-dessous.

<!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 est un code JavaScript, nous devons donc écrire tous les codes DC dans la balise «script». Nous pouvons avoir besoin de manipuler les éléments DOM existants, il est donc conseillé d'écrire le code DC juste avant la fin de la balise «body».

Éditeur DC.js

Nous aurons besoin d'un éditeur pour commencer à écrire le code. Il existe d'excellents IDE (Integrated Development Environment) prenant en charge JavaScript, tels que -

  • Code Visual Studio
  • WebStorm
  • Eclipse
  • SublimeText

Ces IDE fournissent une complétion de code intelligente et prennent en charge certains des frameworks JavaScript modernes. Si nous n'avons pas d'IDE sophistiqué, nous pouvons toujours utiliser un éditeur de base tel que Notepad, VI, etc.

Navigateur Web

DC.js fonctionne sur tous les navigateurs sauf IE8 et les versions antérieures.

Serveur Web

La plupart des navigateurs diffusent des fichiers HTML locaux directement à partir du système de fichiers local. Cependant, il existe certaines restrictions concernant le chargement de fichiers de données externes. Dans les chapitres suivants de ce didacticiel, nous chargerons des données à partir de fichiers externes tels que CSV et JSON. Par conséquent, ce sera plus facile pour nous, si nous configurons le serveur Web dès le début.

Nous pouvons utiliser n'importe quel serveur Web avec lequel nous sommes à l'aise. Par exemple - IIS, Apache, etc.

Affichage d'une page

Dans la plupart des cas, nous pouvons simplement ouvrir le fichier HTML dans un navigateur Web pour l'afficher. Cependant, lors du chargement de sources de données externes, il est plus fiable d'exécuter un serveur Web local et d'afficher la page à partir du serveur (http://localhost:8080).