D3.js-learning
D3.js-learning copied to clipboard
D3.js version 5 数据可视化学习
D3.js version 5 数据可视化学习
目录
-
01、D3基础:选择集与数据
- 01、选择元素
- 02、选择集
- 03、添加、插入和删除
- 04、数据绑定
- 05、update/enter/exit
- 06、选择集的常用方法
- 07、常用数组方法
- 08、柱形图
-
02、比例尺与坐标轴
- 01、定量比例尺
- 02、序数比例尺 scaleOrdinal
- 03、坐标轴
- 04、散点图
-
03、绘制
- 01、颜色
- 02、线段生成器 line
- 03、区域生成器 area
- 04、弧形成器: arc
- 05、符号生成器: symbol
- 06、弦生成器
- 07、对角线生成器
- 08、实现折线图
-
04、过渡效果
- 01、过渡
- 02、散点图的过渡效果
-
05、交互
- 01、监听器
- 02、事件event
- 03、行为动作
-
06、文件导入导出
内容太过于简单直接略过 D3 5版本支持promise 调用 -
07、布局
- 01、饼状图
- 02、力导向图
- 03、弦图
- 04、树图
- 05、直方图
- 06、矩阵树图
- 07、圆形打包图
-
08、地图基础
其他
- 01、如何在ts中使用D3.js
- 02、SVG基础
- D3js中attr添加class属性与classed添加属性的区别
- 【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用
- D3.js:Update、Enter、Exit