DC.js - instalacja

W tym rozdziale dowiemy się, jak skonfigurować środowisko programistyczne DC.js. Zanim zaczniemy, potrzebujemy następujących komponentów -

  • Biblioteka DC.js
  • Editor
  • przeglądarka internetowa
  • serwer internetowy

Przejdźmy szczegółowo przez kolejne kroki.

Instalacja DC.js

Instalacja DC jest bardzo łatwa do skonfigurowania. Wykonaj poniższe kroki, aby zainstalować DC na swoim komputerze.

Pobierz bibliotekę DC

DC to biblioteka open source; użyj linkuhttps://github.com/dc-js/dc.js/releases aby pobrać plik.

Pobierz najnowszą wersję pliku DC. (Obecnie najnowsza wersja to 2.0.2.). Po zakończeniu pobierania rozpakuj folder DC i wklej go do folderu głównego projektu lub dowolnego innego folderu, w którym chcesz zachować wszystkie pliki biblioteki.

Przykładowa strona HTML jest pokazana poniżej.

<!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 to kod JavaScript, więc wszystkie kody DC musimy zapisać w tagu „script”. Może zaistnieć potrzeba manipulacji istniejącymi elementami DOM, dlatego zaleca się napisanie kodu DC tuż przed końcem tagu „body”.

Edytor DC.js.

Będziemy potrzebować edytora, aby rozpocząć pisanie kodu. Istnieje kilka świetnych IDE (Integrated Development Environment) obsługujących JavaScript, takich jak -

  • Visual Studio Code
  • WebStorm
  • Eclipse
  • SublimeText

Te IDE zapewniają inteligentne uzupełnianie kodu, a także obsługują niektóre z nowoczesnych frameworków JavaScript. Jeśli nie mamy żadnego wymyślnego IDE, zawsze możemy skorzystać z podstawowego edytora takiego jak Notepad, VI itp.

Przeglądarka internetowa

DC.js działa na wszystkich przeglądarkach oprócz IE8 i starszych.

Serwer internetowy

Większość przeglądarek obsługuje lokalne pliki HTML bezpośrednio z lokalnego systemu plików. Istnieją jednak pewne ograniczenia, jeśli chodzi o ładowanie zewnętrznych plików danych. W kolejnych rozdziałach tego samouczka będziemy ładować dane z plików zewnętrznych, takich jak CSV i JSON. Dlatego będzie nam łatwiej, jeśli serwer WWW skonfigurujemy od samego początku.

Możemy użyć dowolnego serwera WWW, z którym czujemy się komfortowo. Na przykład - IIS, Apache itp.

Przeglądanie strony

W większości przypadków możemy po prostu otworzyć plik HTML w przeglądarce internetowej, aby go wyświetlić. Jednak podczas ładowania zewnętrznych źródeł danych bardziej niezawodne jest uruchomienie lokalnego serwera WWW i przeglądanie strony z serwera (http://localhost:8080).