【 D3.js 视频系列 】 飞速入门 1. 第一个D3程序 2. 制作柱形图 3. 为柱形图加入坐标轴 4. 用生成器制作折线图 5. 有动态效果的散点图 6. 布局的简单应用 结束语

本教程共包括 6 个视频。目的是为了帮助刚開始学习的人高速入门,以便阅读本站其它文章。

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

本教程的名称为“飞速入门”。是为刚開始学习的人准备的,当中包括了 D3 开发中最基础的知识。对 D3 掌握得较好的朋友不必观看本教程。

本系列的详细内容例如以下,点击标题就可以进入百度云页面观看。假设百度云网盘的在线播放中出现清晰度不足的情况,请下载后再观看。


【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

D3的简单介绍和安装、server软件的安装、刚開始学习的人应注意的问题、一个简单的D3程序。

源码:src.zip


2. 制作柱形图

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

选择集、数据绑定、柱形图。源码:src.zip


3. 为柱形图加入坐标轴

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

比例尺、坐标轴、完整的柱形图。

源码:src.zip


4. 用生成器制作折线图

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

读取文件、线段生成器、折线图。

源码:src.zip


5. 有动态效果的散点图

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

过渡效果、散点图、数据更新时的操作。

源码:src.zip


6. 布局的简单应用

【 D3.js 视频系列 】 飞速入门
1. 第一个D3程序
2. 制作柱形图
3. 为柱形图加入坐标轴
4. 用生成器制作折线图
5. 有动态效果的散点图
6. 布局的简单应用
结束语

饼状图布局。

源码:src.zip


结束语

谢谢各位朋友观看本视频教程,如对视频内容存有疑问请在下方留言。



文档信息