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

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

myzbx 2025-05-30 16:25 1 浏览

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

D3.js

上一篇：谷歌大刀阔斧，安卓UI将迎海量细节变更
下一篇：JavaScript可视化库D3现在到了4.0版本

相关推荐

Three.js导航网格:数据结构设计与实现: 导航网格或navmesh是一种用于虚拟环境中路线规划的数据结构，在游戏开发中特别有用。它由一组代表地图区域的凸多边形组成，多边形的边用额外的连接信息进行了注释，显示了游戏角色可以穿越的区域。正如你...

苹果公司申请新专利，汽车AR导航这些功能都能实现: 近日，美国专利商标局公布了苹果公司一项新的专利申请，这项新专利与汽车AR（增强现实）导航有关，可为下一代地图导航提供支持。用户通过AR设备可以直观地在3D模型中看到何时转向、减速或掉头等提示。据悉，苹...

运行时修改内存中的Dalvik指令来改变代码逻辑: 一、前言最近在弄脱壳的时候发现有些加固平台的加固方式是修改了dex文件结构，然后在加载dex到内存的时候，在进行dex格式修复，从而达到了apk保护的效果，那么在dex加载到内存的时候，如何进行dex...

流放之路2(0.2.0g)版本5月1日更新: 以下内容为谷歌加gpt翻译，有不妥之处请自行谅解：2025年5月1日中午12:00（GMT+8）：由于技能宝石消失问题，本次补丁已回滚。我们会尽快重新发布此补丁。2025年5月1日下午12:30（...

Win10桌面/手机版最深层次开发功能挖掘: IT之家讯Win10开发者预览版为我们提供了一个Win10大框架的早期概览，使开发者与热心用户都可以提前感受Win10带来的新特性，尝试新工具，而作为开发者，最关心的莫过于Windows多平台通用应...

旅行规划太复杂?Deepchat结合高德地图MCP，轻松搞定杭州清明游: 我们憧憬美好旅行的同时，旅游规划往往成为一道难以跨越的门槛。路线如何安排最合理？交通怎样选择最便捷？景点该如何取舍才能避开人潮？这些问题常常让人望而却步。如今，随着高德地图MCP服务的发布，结合Dee...

yaml基础语法讲解（yaml文件如何使用）: YAML基础它的基本语法规则如下：大小写敏感使用缩进表示层级关系缩进时不允许使用Tab键，只允许使用空格。缩进的空格数目不重要，只要相同层级的元素左侧对齐即可#表示注释，从这个字符一直到行尾，都会...

谷歌向更多开发者开放地图平台助推增强现实游戏发展: 来源：cnBeta谷歌周一宣布了将向所有人开放GoogleMapsPlatform的消息，以便开发者能够将地图数据纳入它们的游戏中。借助新工具，开发商可轻松打造类似《精灵宝可梦Go》的增强现...

咖啡一点通 | 拉花是门技巧，学会这些方法可以快速入门: 了解更多精彩内容，欢迎关注【世界咖啡馆地图公众号ID：cafe_maps】咖啡表面的漂亮拉花，是运用牛奶、奶泡来制作，咖啡拉花有其难度与技巧，拉花时，要考量不同的咖啡杯大小而调整倒入的距离，倒入时...

scala基础教程之-数据类型（scala类的定义）: 一、基本的数据类型数据类型描述Byte8位有符号值。范围从-128到127Short16位有符号值。范围从-32768至32767Int32位有符号值。范围从-2147483648to2...

Google Maps React 组件宣布开源（react开发chrome插件）: 大家好，很高兴又见面了，我是"高级前端进阶"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发！前言当MapsJavaScriptA...

为什么、何时以及如何创建顾客体验地图?: 导读：体验地图结合了两种强大的工具——讲故事和可视化——帮助团队理解和解决顾客的需求。虽然根据场景和业务目标不同，顾客体验地图会采取多种形式，但是通常会包含某些通用元素，并遵循一些基本的指导原则。本文...

Apple Watch 开发者套件 WatchKit 发布后，你需要知道这些: Apple上线了共AppleWatch开发者使用的开发工具WatchKit。从这款工具和相关文档中，TheVerge发现了一些重要细节。AppleWatch几乎无法独立使用根据开发者文...

Android 开发系列教程之(一)Android基础知识: 什么是AndroidAndroid一词最早是出现在法国作家维里耶德利尔·亚当1986年发表的《未来夏娃》这部科幻小说中，作者利尔·亚当将外表像人类的机器起名为Android，这就是Android小人名...

Overture Maps Foundation 发布全球交通数据集: 据Gpsworld1月1日报道，OvertureMapsFoundation发布了新的全球交通数据集，这一数据集覆盖了全球8600万公里的道路。该数据集的发布标志着一个重要的里程碑，旨在为开发...

一周热门

最近发表

首页
收录
顶部