当前位置：网站首页 > 技术文章 > 正文

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

zhezhongyun 2025-08-06 23:56 54 浏览

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

transition-delay 属性

上一篇：移动前端重构实战系列:5-7章
下一篇：jQuery 自定义动画——animate

相关推荐

VSCode中值得推荐的常用的23个高效前端插件(工具篇)(一): VSCode是我们前端开发的一个强大的IDE，所以选择趁手好用的插件是提高开发效率，然后剩下的时间用来摸鱼是很有必要滴。工具篇（23）Chinese（Simplified）vscode我们都知道是...

高级前端进阶，用gulp提升你的开发效率: 前言：这两天动手配置了一下gulp，发现gulp配置简单，构建速度快，在某些使用场景下还是个不错的选择，本文从零开始构建，到最后打包发布到生成环境。通过本文可以快速上手gulp，文末附送github源...

Chrome 110 3大新特性!CSS支持画中画!: 大家好，很高兴又见面了，我是"前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!今天带着大家一起看看最新发布的Chrome1...

用html中If语句——判断ie浏览器的版本: if语句的代码的语法非常简单，，就是一个if判断语句来判断浏览器的类型和版本，应用类似语法结构包孕起来...

谷歌浏览器怎么开启无痕浏览_谷歌浏览器怎么开启无痕浏览模式: 很多用户在使用谷歌浏览器时，不希望留下任何上痕迹，开启无痕浏览器是最好的选择。这个模式下可以更好的保护个人隐私记录，给你带来更加安全的冲浪体验，接下来就给大家详细介绍下谷歌浏览器的无痕浏览模式，希望对...

Linux命令那么多，其实只需要记住这些就足够了!: 你好，这里是网络技术联盟站，我是瑞哥。Linux命令行是一个强大且灵活的工具，可以极大地提高用户的工作效率和系统管理能力。我们都知道，Linux命令非常多，但是在实际的工作中，日常使用到的命令并不多，...

Linux如何查看文件_linux如何查看文件大小: Linux如何查看目录下的所有文件？用ls（list）查看当前目录下的所有文件和子目录。Ls查看目录下的文件，怎么区分是目录还是文件呢？第一种方式，我们可以通过颜色来区分目录和文件。默认情况下，目录显...

Linux系统man命令使用详解_linux man命令详解: man命令是在Linux和Unix系统上用于查看系统手册页（manualpages）的工具。手册页提供了关于系统命令、函数和文件的详细文档。命令语法：man[选项][命令或主题]参数：[选项]...

linux ps命令详解_linux中ps: linux中ps只显示进程的静态快照，及瞬间的进程状态,它拥有众多的风格，可分为3组：UNIX风格，BSD风格，GNU风格，本文介绍UNIX风格的ps指令。参数ps[-aefFly][-ppid...

如何在 Linux 上查找系统硬件信息?hwinfo命令很强大!: hwinfo是一个功能强大的硬件信息查询工具，专为Linux系统设计。它能够提供系统中几乎所有硬件组件的详细信息，包括但不限于CPU、内存、硬盘、网络设备、USB设备、显卡、声卡等。与其他常...

Linux Shell 入门教程(二):常用命令大全与使用技巧: 在上一节《理解Linux与Shell》中，我们了解了Linux是什么、Shell是什么以及常见的Shell类型。这一篇，我们将正式动手操作，掌握使用频率最高、最实用的Linux命令...

SpringBoot应用部署神器:可视化服务管理脚本让运维更轻松: 在SpringBoot应用的生产环境部署中，传统的手动启停服务方式不仅效率低下，还容易出错。今天分享一个功能强大的可视化服务管理脚本，让SpringBoot应用的部署和运维变得简单高效。痛点分析：传统...

一次虚拟机性能问题导致的应用故障: 最近我负责维护的一套语音平台出了问题。故障现象据客户反馈是转入IVR以后没有正常响应，客户无奈挂机了。老实说，刚开始接到用户反馈的时候，我是不太相信的。我们的系统平时运行运行很稳定，客户的并发数不大，...

linux中的常用命令_linux常用命令及含义: linux中的常用命令linux中的命令统称shell命令shell是一个命令行解释器，将用户命令解析为操作系统所能理解的指令，实现用户与操作系统的交互shell终端：我们平时输入命令，执行程序的那个...

linux学习笔记——常用命令-文件处理命令: ls目录处理命令：ls全名：list命令路径：/bin/ls执行权限：所有用户ls–ala--alll–long-i查看i节点ls–i查看i节点命令名称：mkdir命令英文原意：m...

一周热门

最近发表

首页
收录
顶部