DC.js - Instalación

En este capítulo, aprenderemos cómo configurar el entorno de desarrollo DC.js. Antes de comenzar, necesitamos los siguientes componentes:

  • Biblioteca DC.js
  • Editor
  • navegador web
  • Servidor web

Repasemos los pasos uno por uno en detalle.

Instalación de DC.js

La instalación de CC es muy fácil de configurar. Siga los pasos a continuación para instalar DC en su máquina.

Descarga DC Library

DC es una biblioteca de código abierto; usa el enlacehttps://github.com/dc-js/dc.js/releases para descargar el archivo.

Descargue la última versión del archivo DC. (A partir de ahora, la última versión es 2.0.2). Una vez completada la descarga, descomprima la carpeta DC y péguela en la carpeta raíz de su proyecto o en cualquier otra carpeta, donde desee guardar todos los archivos de su biblioteca.

La página HTML de muestra se muestra a continuación.

<!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 es un código JavaScript, por lo que tenemos que escribir todos los códigos DC dentro de la etiqueta "script". Es posible que necesitemos manipular los elementos DOM existentes, por lo que es aconsejable escribir el código DC justo antes del final de la etiqueta "body".

Editor de DC.js

Necesitaremos un editor para comenzar a escribir el código. Hay algunos IDE (Entorno de desarrollo integrado) excelentes con soporte para JavaScript, como:

  • Código de Visual Studio
  • WebStorm
  • Eclipse
  • SublimeText

Estos IDE proporcionan finalización inteligente de código y admiten algunos de los marcos de JavaScript modernos. Si no tenemos ningún IDE elegante, siempre podemos usar un editor básico como Notepad, VI, etc.

Navegador web

DC.js funciona en todos los navegadores excepto IE8 y versiones anteriores.

Servidor web

La mayoría de los navegadores sirven archivos HTML locales directamente desde el sistema de archivos local. Sin embargo, existen ciertas restricciones cuando se trata de cargar archivos de datos externos. En los capítulos siguientes de este tutorial, cargaremos datos de archivos externos como CSV y JSON. Por lo tanto, será más fácil para nosotros si configuramos el servidor web desde el principio.

Podemos utilizar cualquier servidor web con el que estemos cómodos. Por ejemplo: IIS, Apache, etc.

Ver una página

En la mayoría de los casos, podemos simplemente abrir el archivo HTML en un navegador web para verlo. Sin embargo, al cargar fuentes de datos externas, es más confiable ejecutar un servidor web local y ver la página desde el servidor (http://localhost:8080).