D3

是一个JavaScript库,用于操作基于数据的文档。D3帮助你用HTML,SVG和CSS为数据赋予生动的展现形式。D3着重于web标准,它使得你可以充分的发挥现代浏览器的能力,而不需要关心浏览器框架上的特异性,它将强大的可视化组件和一个数据驱动器结合在一起用来操作DOM。D3允许你将任意数据绑定到DOM中,然后运用数据驱动转化器转化数据。D3解决了这个问题的难点:高效的操作基于数据的DOM。这避免了数据展现的差异性并且提供了额外的灵活性,将web标准中诸如HTML,SVG和CSS的全部能力释放出来。D3用最小的代价实现了最快的速度,支持超大数据集以及交互与动画的动态行为。D3的函数式样式允许代码通过官方和社区开发的模块进行复用。

  1. D3使用选择器(selections)操作任意节点集。D3提供很多方法改变节点:设置属性或样式;注册事件监听器;对节点进行增、删或排序;更改HTML或文本类容。这些足以应对绝大部分需求场景。直接获得下层DOM也是可行的,因为每个D3选择器都是一个简单的节点数组。

  2. 熟悉其他DOM框架,诸如jQuery的人很快能发现它们和D3的相似性。但是在D3中,样式、属性以及其他的特性不仅可以通过常量指定,还可以通过函数来指定。尽管这些看起来很简单,但函数方式却是异常强大。

  3. 使用D3的enter和exit选择器,你可以为数据构造新的节点,也可以移除不需要的节点。

获取资料

快速了解如何展开雇用合作

Web应用开发

现代化的Web应用开发服务

了解更多

移动应用开发

跨平台或原生移动应用开发

了解更多

产品原型设计

高保真的原型交互设计

了解更多