D3:Data-Driven Documents
D3是基于javascript的网页动态图展示框架:
-
设计思想:
- 数据和图在页面上的出现,更新和消失: enter/update/exit
- 大量的函数式编程思想
- 动画: 颜色的渐变,过度效果的定制。
- .data .enter
-
example explain: game of life, detail note
- board画布
- SVG矢量图的渲染: 内置图形,一堆坐标表示的图形(xml)
- 界面上的每个点,对应js中的一个object, 有三个值: 两个表示坐标,一个半径,以此画出一个圆圈的渲染。
- 颜色的渲染 *