家是我的個人博客：http://www.ourd3js.com/，csdn博客首頁為：http://blog.csdn.net/lzhlzz/。轉(zhuǎn)載請注明出處，謝謝。

D3的全稱是（Data-Driven Documents），顧名思義能夠知道是一個關(guān)于數(shù)據(jù)驅(qū)動的文檔的javascript類庫。假設(shè)你不知道什么是javascript。請先學(xué)習(xí)javascript的相關(guān)知識。

說得簡單一點，D3.js主要是用于操作數(shù)據(jù)的，它通過使用HTML、SVG、CSS來給你的數(shù)據(jù)注入生命，即轉(zhuǎn)換為各種簡單易懂的絢麗的圖形。

先看一個簡單的樣例。

如今有一組數(shù)據(jù)。 【 4 ， 32 ， 15 。 16 ， 42 ， 25 】 。如今我希望讓人一眼就看出他們的大小關(guān)系，怎么辦？當(dāng)然這里的數(shù)據(jù)不算多。有那眼疾手快的家伙站出來說我能一眼看出來！

但更直觀的是用圖形顯示。例如以下圖：

通過圖形的顯示，能非常清楚地知道他們的大小關(guān)系。當(dāng)然，D3能力遠(yuǎn)不止如此，這僅僅是一個非常小的應(yīng)用。通過D3的使用，你能把枯燥乏味復(fù)雜的數(shù)據(jù)，用非常easy明了的形式顯示出來，這也叫數(shù)據(jù)可視化。



學(xué)習(xí)D3.js最好的地方是：http://d3js.org/，當(dāng)然里面都是英文的。

以下說一下怎么使用安裝使用D3.js，方法有兩種：

1.下載D3.js的文件

d3.zip
解壓后。在html，jsp之類的文件里包括相關(guān)的js文件就可以



2.還能夠直接包括網(wǎng)絡(luò)的鏈接。這樣的方法較簡單

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

但使用的時候要保持網(wǎng)絡(luò)連接有效。不能再斷網(wǎng)的情況下使用。

行，你可以開始D3游。

版權(quán)聲明：本文博主原創(chuàng)文章。博客，未經(jīng)同意不得轉(zhuǎn)載。

總結(jié)

以上是生活随笔為你收集整理的【 D3.js 入门系列 --- 0 】 简介及安装的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。