D3.js简介:用于定制数据可视化的JavaScript库
文章目录
- 简介
- 相关链接
- 示例网站
- Animation 动图
- Interaction 交互
- Analysis 分析
- Hierarchies 层次结构
简介
D3(或 D3.js)是一个免费的开源 JavaScript 数据可视化库。它基于 Web 标准构建的底层方法为创作动态数据驱动的图形提供了无与伦比的灵活性。十多年来,D3 一直致力于推动突破性且屡获殊荣的可视化成果,成为高级图表库的基础构建块,并在全球范围内培育了一个充满活力的数据从业者社区。
D3“推动了该字段的增长、多样化和创造力,这是前所未有的”,并且“改变了新闻编辑室、网站和个人作品集中数百万个数据可视化作品的创建方式”,《信息之美》2022 时间考验奖 如此评价。IEEE VIS 2021 时间考验奖 指出:“通过创建一个引人注目且易于 Web 开发者用来创作交互式可视化的框架,作者们无疑为数据可视化进入主流做出了贡献。”[D3] 是本次会议的基石性贡献,尤其对我们整个字段的成功至关重要。
D3 由 Mike Bostock 于 2011 年创建。Mike 与斯坦福大学的 Jeff Heer 和 Vadim Ogievetsky 共同编写了 D3 论文。Jason Davies 在 2011 年至 2013 年间为 D3 做出了重大贡献,其中最突出的是 D3 的地理投影系统。Philippe Rivière 自 2016 年以来一直是 D3 及其文档的主要贡献者。多年来,无数善良的人们通过分享代码和想法、教学和解答问题以及将人们聚集在一起以进一步推动可视化实践,为 D3 做出了贡献。Mike 和 Philippe 现在在 Observable 维护 D3 和 Observable Plot。
相关链接
官网:https://d3js.org/
GitHub:https://github.com/d3/d3
中文网站:https://d3.nodejs.cn/
中文手册:https://d3-wiki.readthedocs.io/zh-cn/latest/API--中文手册/
D3js中文文档:https://github.com/xswei/d3js_doc
示例网站
https://observablehq.com/@d3/gallery?utm_source=d3js-org&utm_medium=hero&utm_campaign=try-observable
各种类型的图都有案例可供参考!
Animation 动图
Interaction 交互
Analysis 分析
Hierarchies 层次结构
……还有很多,不再一一列举,详见案例……