编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

D3.js 4.0.0 发布,JavaScript 可视化库

wxchong 2024-06-13 03:28:11 开源技术 8 ℃ 0 评论

D3 现在是许多库的模块化组件,当然也可以独立使用。D3.js 是基于数据操作文档的 JavaScript库,通过 HTML、SVG 和 CSS 绑定数据。D3 包括可视化组件与数据驱动型的 DOM 操作,能很好的发挥现代化浏览器的性能,不局限于特定的框架。

d3.js 遵循 BSD 开源授权协议,GitHub 地址:https://github.com/d3/d3

D3.js 4.0.0 正式发布,包括了大量改进,值得关注的改进如下:

颜色, 插值器和 Scales

  • 颜色现在包括 opacity (rgba, hsla, etc.)

  • 新增 Cubehelix color space.

  • 新增 sequential color scales, 包括Viridis和cyclical Rainbow

  • 新增 point和bandscales,替代了ordinal.rangeBands 和ordinal.rangePoints

  • 新增 basis spline interpolators(e.g.,continuous ColorBrewer schemes)

形状和布局

  • 形状 (e.g.,lines,areas,arcs) 现在可以渲染成 Canvas

  • 修复了 cardinal和monotonesplines

  • 新增 parameterized Catmull–Rom和naturalsplines.

  • 新增 deterministic, 可扩展 velocity Verlet force layout

  • 新增 circle-packing 布局

  • 新增可扩展树图布局;改进了 squarified treemaps;新增二进制树图

  • 新增 d3.stratifyfor tabular hierarchical data.

  • 新增更快的、非递归的 quadtrees

  • Voronoi 图现在可以显示拓扑信息

选择器,转换和定时器

  • Selections和transitions现在是不可变的,提供一个更简洁的界面

  • 新增 selection.raise,selection.lower和selection.dispatch方法

  • Time会在后台定住,避免不必要的效果

  • Timers 可以在外部停止

  • Transitions 可以插入 CSS transforms(in addition toSVG transforms).

  • 可以使用 selection.interrupt取消转换

  • 新增 d3.active,改进transition.delay,实现更简单的转换

  • 更好的转换性能

其他

  • 更好的默认 axis外观

  • 更好的 brush交互

  • 内置异步队列,并行加载文件

  • 新增低级别 d3.ticksAPI

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表