D3.js

D3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。 D3 遵循现有的 Web 标准，可以不需要其他任何框架独立运行在现代浏览器中，它结合强大的可视化组件来驱动 DOM 操作。 或者插入如下代码来在线使用: D3 可以将数据绑定到 DOM 上，然后根据数据来计算对应 DOM 的属性值。例如你可以根据一组数据生成一个表格。或者也可以生成一个可以过渡和交互的 SVG 图形。 D3 不是一个框架，因此也没有操作上的限制。没有框架的限制带来的好处就是你可以完全按照自己的意愿来表达数据，而不是受限于条条框框，非常灵活。 D3 的运行速度很快，支持大数据集和动态交互以及动画。 通过原生的 来修改文档是很无聊的：方法名冗余，并且对多个元素进行操作时需要循环操作,例如改变 p 元素的颜色: D3 采用声明式方法，可以对任意节点以及节点集合进行操作，则上述例子可以修改为: 同时，可以操作其他节点，而不相互影响: 选择器是 , 并且支持现代浏览器。如果浏览器比较老旧，则可以借助 来向后兼容。上述例子中 "p" 和 "body" 都是选择器中的一种。也可以使用其他的合法选择器:类选择器、ID 选择器属性值选择器等。 关于选择器的更多资料参考 或 选择集 熟悉 或者