目录
D3.js从入门到上手实战
├─01.前导知识
│ 01_01.svg概念1
│ 01_02.svg概念2
│ 01_03.初识canvas
│ 01_04.canvas绘制路径(1)
│ 01_05.canvas绘制路径(2)
│ 01_06.canvas绘制文本
│ 01_07.canvas渐变及阴影
│ 01_08.canvas清除画板案例
│ 01_09.canvas代码雨案例
│ 01_10.canvas挂钟案例
│
├─02.初识D3
│ 02_01.初识D3(1)
│ 02_02.初识D3(2)
│
├─03.选择集和数据
│ 03_01.选择集和查看状态
│ 03_02.设定和获取属性
│ 03_03.添加、插入、删除
│ 03_04.数据绑定
│
├─04.数据与图像的联系
│ 04_01.数据与图像的联系(1)
│ 04_02.数据与图像的联系(2)
│ 04_03.数据与图像的联系(3)
│ 04_04.数组操作(1)
│ 04_05.数组操作(2)
│ 04_06.从服务器加载数据
│
├─05.比例尺scale
│ 05_01.比例尺(1)
│ 05_02.比例尺(2)
│ 05_03.比例尺(3)
│ 05_04.比例尺(4)
│
├─06.坐标轴
│ 06_01.坐标轴概念
│ 06_02.坐标轴刻度属性
│ 06_03.带网格线的坐标轴绘制
│ 06_04.带坐标轴的完整矩形
│ 06_05.带坐标轴的散点图制作
│
├─07.绘制之道
│ 07_01.颜色
│ 07_02.线段生成器
│ 07_03.区域生成器
│ 07_04.弧生成器
│ 07_05.符号生成器
│ 07_06.弦生成器和对角线生成器
│ 07_07.带坐标轴的折线图_转
│
├─08.动画
│ 08_01.过渡方法
│ 08_02.过渡属性
│ 08_03.子元素选择和过渡样式
│ 08_04.事件监听和调用
│ 08_05.带过渡的散点图
│
├─09.布局
│ 09_01.饼状图01
│ 09_02.饼状图02
│ 09_03.饼状图03
│ 09_04.饼状图04
│ 09_05.力导向图01展示和分析
│ 09_06.力导向图-02数据转换
│ 09_07.力导向图-03绘制
│ 09_08.力导向图04-绘制
│ 09_09.弦图01-弦图原理分析
│ 09_10.弦图02定义和转换数据
│ 09_11.弦图03-绘制外部节点
│ 09_12.弦图04绘制内部弦
│ 09_13.树图01树图介绍
│ 09_14.树图02定义初始数据
│ 09_15.树图03数据转换
│ 09_16.树图04绘制
│ 09_17.直方图01-直方图介绍
│ 09_18.直方图02-确定及转换数据
│ 09_19.直方图03-绘制01_转
│ 09_20.直方图04-绘制02_转
│ 09_21.矩阵树图01原理介绍
│ 09_22.矩阵树图02转换数据
│ 09_23.矩阵树图02绘制及总结
│
├─10.交互行为
│ 10_01.课程回顾
│ 10_02.课程回顾
│ 10_03.案例制作01
│ 10_04.案例制作02
│ 10_05.案例制作03
│ 10_06.监听器原理
│ 10_07.监听---鼠标事件01
│ 10_08.监听---鼠标事件02
│ 10_09.监听---键盘事件
│ 10_10.监听---触屏事件
│ 10_11.event
│ 10_12.行为拖拽01
│ 10_13.行为拖拽02
│ 10_14.行为缩放01
│ 10_15.行为缩放02
│ 10_16.总结
│
├─11.数据导入导出
│ 11_01.准备运行环境
│ 11_02.数据格式
│ 11_03.json
│ 11_04.csv01
│ 11_05.csv02
│ 11_06.xml
│ 11_07.Text
│ 11_08.导出为svg文件
│ 11_09.矢量图形编辑器
│
└─12.友好的交互
12_01.提示框制作原理
12_02.提示框行为
12_03.提示框样式
12_04.元素组合--饼状图的拖拽
12_05.移入移出01
12_06.移入移出02
12_07.区域选择01-刷子控件
12_08.区域选择02-区域的制作
12_09.思维导图制作01
12_10.思维导图制作02
12_11.思维导图制作03