DC.js - Instalação

Neste capítulo, aprenderemos como configurar o ambiente de desenvolvimento DC.js. Antes de começar, precisamos dos seguintes componentes -

  • Biblioteca DC.js
  • Editor
  • Navegador da web
  • servidor web

Vamos seguir as etapas uma a uma em detalhes.

Instalação DC.js

A instalação DC é muito fácil de configurar. Siga as etapas abaixo para instalar o DC em sua máquina.

Baixar DC Library

DC é uma biblioteca de código aberto; use o linkhttps://github.com/dc-js/dc.js/releases para baixar o arquivo.

Baixe a versão mais recente do arquivo DC. (A partir de agora, a versão mais recente é 2.0.2.). Após a conclusão do download, descompacte a pasta DC e cole-a na pasta raiz do seu projeto ou em qualquer outra pasta, onde deseja manter todos os seus arquivos de biblioteca.

A página HTML de amostra é mostrada abaixo.

<!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 é um código JavaScript, então temos que escrever todos os códigos DC dentro da tag “script”. Podemos precisar manipular os elementos DOM existentes, portanto, é aconselhável escrever o código DC antes do final da tag “body”.

Editor DC.js

Precisamos de um editor para começar a escrever o código. Existem alguns grandes IDEs (Integrated Development Environment) com suporte para JavaScript, como -

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

Esses IDEs fornecem conclusão de código inteligente e também oferecem suporte a algumas das estruturas JavaScript modernas. Se não tivermos nenhum IDE sofisticado, podemos sempre usar um editor básico, como Notepad, VI, etc.

Navegador da web

DC.js funciona em todos os navegadores, exceto IE8 e inferior.

Servidor web

A maioria dos navegadores fornece arquivos HTML locais diretamente do sistema de arquivos local. No entanto, existem certas restrições quando se trata de carregar arquivos de dados externos. Nos capítulos subsequentes deste tutorial, carregaremos dados de arquivos externos, como CSV e JSON. Portanto, será mais fácil para nós se configurarmos o servidor web desde o início.

Podemos usar qualquer servidor web com o qual nos sintamos confortáveis. Por exemplo - IIS, Apache, etc.

Vendo uma página

Na maioria dos casos, podemos apenas abrir o arquivo HTML em um navegador da web para visualizá-lo. No entanto, ao carregar fontes de dados externas, é mais confiável executar um servidor da web local e visualizar a página do servidor (http://localhost:8080)