-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
41 lines (31 loc) · 2.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<meta charset="utf-8"/>
<title>D3 JavaScript framework Demo</title>
<script type="text/javascript" src="js/analytics.js"> </script>
<script type="text/javascript" src="js/d3.js"> </script>
</head>
<body>
<p>D3 JavaScript framework Demo by Ryan Chen (Chen Pintse)<a href="https://github.com/pintse/D3Demo" target="_blank">Source Code</a></p>
<a href="05_creating_paragraphs.html" target="_blank">Sample 01: 將CSV資料讀入</a><p>
<a href="05_new_element.html" target="_blank">Sample 02: 新增網頁元素</a><p>
<a href="06_div_bar.html" target="_blank">Sample 03: 使用DIV畫長條圖,使用SVG畫圓</a><p>
<a href="06_svg_bar.html" target="_blank">Sample 04: 使用SVG畫長條圖</a><p>
<a href="06_scatterplot.html" target="_blank">Sample 05: 依照X、Y值畫出圓點散佈圖</a><p>
<a href="07_scatterplot.html" target="_blank">Sample 06: 將兩種數值與三組資料,畫出圓點散佈圖</a><p>
<a href="08_axis.html" target="_blank">Sample 07: X與Y軸刻度自動調整</a><p>
<a href="09_bar_range.html" target="_blank">Sample 08: 轉場動畫效果</a><p>
<a href="09_bar_enter.html" target="_blank">Sample 09: 動態新增資料並調整長條圖</a><p>
<a href="09_bar_exit.html" target="_blank">Sample 10: 動態刪除資料並調整長條圖</a><p>
<a href="09_bar_object.html" target="_blank">Sample 11: 使用物件綁定動態新增與刪除資料並且資料與對應的長條一致</a><p>
<a href="09_scatterplot_transition.html" target="_blank">Sample 12: 圓點散佈圖轉場動畫效果</a><p>
<a href="09_scatterplot_clippath.html" target="_blank">Sample 13: 遮罩效果</a><p>
<a href="10_bar_mouseover.html" target="_blank">Sample 14: 兩種滑鼠滑過效果</a><p>
<a href="10_bar_sort.html" target="_blank">Sample 15: 將SVG長條圖排序</a><p>
<a href="10_bar_tooltips.html" target="_blank">Sample 16: 三種Tooltips方式</a><p>
<a href="11_force.html" target="_blank">Sample 17: 重力場版型(人脈網絡)</a><p>
<a href="11_pie.html" target="_blank">Sample 18: 圓餅圖版型</a><p>
<a href="11_stack.html" target="_blank">Sample 19: 堆疊圖版型</a><p>
<a href="12_geo_choropleth.html" target="_blank">Sample 20: 地理資訊對應(研究所同學縣市分布)</a><p>
</body>
</html>