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

boyanx5个月前技术教程34

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

标签: tree.js

相关文章

2025 年值得尝试的 5 个被低估的 JavaScript 库

这些 JavaScript 库可能不会在社交媒体或 Hacker News 上流行起来,但它们会显著提高您的工作效率和代码质量。JavaScript 不再只是框架 。虽然 React、Vue 和 Sv...

SpriteJS:图形库造轮子的那些事儿

从 2017 年到 2020 年,我花了大约 4 年的时间,从零到一,实现了一个可切换 WebGL 和 Canvas2D 渲染的,跨平台支持浏览器、SSR、小程序,基于 DOM 结构和支持响应式的,高...

我的世界手机版JS安装使用教程 JS是什么

我的世界JS相当于MOD,也有的是插件辅助,很多小伙伴在玩手机版的时候嫌麻烦打算装插件,下面蚕豆网小编就为大家带来了我的世界手机版JS安装使用教程。 >>>进入我的世界专区使用js必...

Vue3远程加载组件(vue引入外部组件)

一、Vite是什么?首先,讲下Vite名字的由来,Vite实际上是法语中快的意思,所以顾名思义,这个工具就是为了给我们带来更快的开发体验,它是一个面向现代浏览器,基于ECMA标准的ES Module实...

Sonda 横空出世,JS 与 CSS 通用可视化和分析神器?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发,您的支持是我不断创作的动力。什么是 Son...

一文带你了解生成树协议三个版本:STP、RSTP 和 MSTP

生成树协议(Spanning Tree Protocol,STP)及其后续改进版,如快速生成树协议(Rapid Spanning Tree Protocol,RSTP)和多生成树协议(Multiple...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。