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

boyanx17小时前技术教程3

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

相关文章

是时候抛弃 chokidar 了?Node.js 原生支持 HMR 热更新!

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1. 为什么需要模块热加载提高开发效率的关...

一次性搞定JS的DOM操作(js中dom)

一.什么是DOM我们知道,无论是现在的开发框架(底层还是操作DOM)还是传统的开发都离不开DOM的操作,所以了解和学习DOM是必须的,也是成为一个全面的前端开发的必备知识和内容,那接下来我们就来看下什...

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

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

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

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

Bun:一体化的 JavaScript 运行时(javascript可不可以单独运行)

Bun 是一个功能丰富的 JavaScript 运行时,它自带包管理功能,还具有工程常用的打包、测试等功能。Bun 使用 Zig 编程语言开发,基于 Safari 浏览器的 JavaScriptCor...

尤雨溪力荐 Vorms!代码最少!功能最强!

在前端开发中,表单验证一直是个让人头疼的问题。但今天要给大家介绍一个尤雨溪都点赞的表单验证工具 —— Vorms。它只有 12KB,曾获得尤雨溪的强烈推荐,绝对是 Vue 3 开发者的福音!Vorms...

发表评论    

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