DC.js - Kurulum

Bu bölümde, DC.js geliştirme ortamının nasıl kurulacağını öğreneceğiz. Başlamadan önce aşağıdaki bileşenlere ihtiyacımız var -

  • DC.js kitaplığı
  • Editor
  • internet tarayıcısı
  • Web sunucusu

Adımları tek tek ayrıntılı olarak inceleyelim.

DC.js Kurulumu

DC kurulumunun kurulumu çok kolaydır. Makinenize DC yüklemek için aşağıdaki adımları izleyin .

DC Kitaplığını İndirin

DC, açık kaynaklı bir kitaplıktır; bağlantıyı kullanhttps://github.com/dc-js/dc.js/releases Dosyayı indirmek için.

DC dosyasının en son sürümünü indirin. (Şu an itibariyle, en son sürüm 2.0.2'dir.). İndirme işlemi tamamlandıktan sonra, DC klasörünü açın ve projenizin kök klasörüne veya tüm kitaplık dosyalarınızı saklamak istediğiniz başka bir klasöre yapıştırın.

Örnek HTML sayfası aşağıda gösterildiği gibidir.

<!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 bir JavaScript kodudur, bu nedenle tüm DC kodlarını "script" etiketi içinde yazmamız gerekir. Mevcut DOM öğelerini değiştirmemiz gerekebilir, bu nedenle DC kodunu "body" etiketinin sonundan hemen önce yazmamız önerilir.

DC.js Düzenleyicisi

Kodu yazmaya başlamak için bir editöre ihtiyacımız olacak. JavaScript desteğine sahip bazı harika IDE'ler (Entegre Geliştirme Ortamı) vardır, örneğin:

  • Visual Studio Kodu
  • WebStorm
  • Eclipse
  • SublimeText

Bu IDE'ler akıllı kod tamamlamanın yanı sıra bazı modern JavaScript çerçevelerini destekler. Süslü bir IDE'ye sahip değilsek, her zaman Not Defteri, VI, vb. Gibi temel bir düzenleyici kullanabiliriz.

İnternet tarayıcısı

DC.js, IE8 ve önceki sürümler dışındaki tüm tarayıcılarda çalışır.

Web sunucusu

Çoğu tarayıcı, yerel HTML dosyalarını doğrudan yerel dosya sisteminden sunar. Bununla birlikte, harici veri dosyalarının yüklenmesi söz konusu olduğunda belirli kısıtlamalar vardır. Bu eğiticinin sonraki bölümlerinde, CSV ve JSON gibi harici dosyalardan veri yükleyeceğiz. Bu nedenle web sunucusunu en baştan kurarsak bizim için daha kolay olacaktır.

Rahat olduğumuz herhangi bir web sunucusunu kullanabiliriz. Örneğin - IIS, Apache vb.

Bir Sayfayı Görüntüleme

Çoğu durumda, görüntülemek için HTML dosyasını bir web tarayıcısında açabiliriz. Bununla birlikte, harici veri kaynaklarını yüklerken, yerel bir web sunucusu çalıştırmak ve sayfayı sunucudan görüntülemek daha güvenilirdir (http://localhost:8080).