昨天，項目經理突然給我說甲方那邊想做個雲圖，叫我上網上找找方法。作爲標準的程序猿宅男表示，雲圖是什麼鬼？於是就開始和度孃的親密接觸，發現有一種框架可以實現這種功能，那就是d3.js。這是我第二次聽說這個框架了，上一次聽說還是面試的時候那面試官考我的問題，接下來就開始尋找d3js教程開始苦苦的學習之旅，經過昨天一天的學習，突然發現平常用幾行js代碼才能寫出來的東西用d3js一行就可以解決，簡直簡單到爆，好了，話不多說，進入正文吧。
首先下載個d3.js源文件，就跟下載jq一樣，沒有的話直接上官網下載https://d3js.org/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>d3</title>
<script src="d3.min.js"></script>
</head>
<body>
<p>hello world</p>
<p>hello world</p>
<h2>hello world</h2>
<script>
d3.select("body").selectAll("p").text("www.ourd3js.com");//d3.select()是選擇所有指定元素的第一個。d3.selectAll()
var p = d3.select("body").selectAll("p").text("www.ourd3js.com");
//修改段落的顏色和字體大下
p.style("color","red").style("font-size","34px");
</script>
</body>
</html>怎麼樣，簡單吧~~而且對於熟練使用jq的我來說簡直親切到爆有木有~~如果大家還想了解更多可以去極客學院寫的那個d3手冊裏看，非常基礎和簡單易學，當然我由於最近很忙，可能不會按時更新啦，下面就把傳送門附上。
http://wiki.jikexueyuan.com/project/d3wiki/selection.html
