[0] D3.js的簡介和安裝

標籤：d3.js   資料視覺效果   圖形   資料   javascript   

    想要詳細瞭解D3.js的朋友，歡迎來http://www.ourd3js.com/ 討論

    D3的全稱是（Data-Driven Documents），顧名思義可以知道是一個關於資料驅動的文檔的javascript類庫。如果你不知道什麼是javascript，請先學習javascript的相關知識。 

    說得簡單一點，D3.js主要是用於操作資料的，它通過使用HTML、SVG、CSS來給你的資料注入生命，即轉換為各種簡單易懂的絢麗的圖形。 

    先看一個簡單的例子。 

    現在有一組資料， 【  4 ， 32 ， 15 ， 16 ， 42 ， 25   】 ，現在我希望讓人一眼就看出他們的大小關係，怎麼辦？當然這裡的資料不算多，有那眼疾手快的傢伙站出來說我能一眼看出來！但更直觀的是用圖形顯示，如： 

    

    通過圖形的顯示，能很清楚地知道他們的大小關係。當然，D3能力遠不止如此，這隻是一個很小的應用。通過D3的使用，你能把枯燥乏味複雜的資料，用很簡單明了的形式顯示出來，這也叫資料視覺效果。 

    學習D3.js最好的地方是： http://d3js.org/  ，當然裡面都是英文的。 
    下面說一下怎麼使用安裝使用D3.js，方法有兩種： 
    1.下載D3.js的檔案 

•  d3.zip      

    解壓後，在html，jsp之類的檔案中包含相關的js檔案即可 
     
    2.還可以直接包含網路的連結，這種方法較簡單 

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

    但使用的時候要保持網路連接有效，不能再斷網的情況下使用。 
    好了，可以開始你的D3之旅了。