D3plus 3.0重大版本升级：全面重构与功能增强

D3plus是一个基于D3.js的数据可视化库，它提供了更高级的抽象和更简单的API，使开发者能够快速构建复杂的数据可视化应用。最新发布的3.0版本对整个代码库进行了全面重构，带来了诸多改进和新特性。

架构重构与模块化

D3plus 3.0最显著的变化是将整个项目重构为模块化架构，所有代码现在集中在一个单一仓库中，并重新组织了包结构和导出方式。新的包结构更加清晰，功能划分更加明确：

• 核心可视化组件和工具迁移到@d3plus/core
• 颜色相关功能独立为@d3plus/color
• 数据处理工具归入@d3plus/data
• DOM操作工具放入@d3plus/dom
• 数学计算功能集中在@d3plus/math
• 文本处理功能归为@d3plus/text
• 格式化功能独立为@d3plus/format
• 本地化支持放在@d3plus/locales
• 图像导出功能归入@d3plus/export
• React组件单独维护在@d3plus/react

这种模块化设计使得开发者可以按需引入所需功能，减少不必要的代码加载，提高了整体性能。

视觉与交互改进

在视觉呈现方面，3.0版本做了多项优化：

• 默认字体从Roboto更改为Inter，提升了可读性
• 采用Open Color标准作为默认配色方案，使颜色更加协调
• 调整了Treemap的默认最大字体大小从40降至32，避免文字溢出
• 优化了Tooltip的默认样式，使其更加美观实用
• 改进了Tooltip的渲染方式，现在嵌套在专门的#d3plus-portal div中，减少了页面重绘

交互方面，修复了Pack可视化中的悬停和排序问题，提升了用户体验。

功能增强与API变化

3.0版本引入了多项新功能：

• 新增全局fontFamily方法，可一次性修改所有文本元素的字体
• React组件新增callback属性，用于在重新渲染后执行回调
• 改进了Plot可视化，现在即使没有数据也能渲染注释
• 优化了时间处理逻辑，现在可以正确处理falsey值

API方面也有一些重要变化：

• 移除了React组件中的dataFormat及相关属性，改为在配置对象中处理
• 默认颜色分配逻辑现在针对每个可视化实例重新开始，而不是全局连续分配
• React Renderer现在直接在组件中渲染

性能优化与问题修复

3.0版本在性能方面做了多项改进：

• 重构了React钩子实现，减少了不必要的重绘
• 优化了内置字符串纹理的处理
• 改进了getSize方法对上下边距的处理
• 修复了变量作用域问题，支持更好的尺寸调整
• 优化了时间轴(Timeline)的字体处理逻辑

开发体验提升

对于开发者来说，3.0版本带来了多项改进：

• 从npm迁移到yarn作为包管理器
• 将开发脚本从CommonJS升级到ES6
• 更新了多个开发依赖项
• 移除了构建步骤中的zip创建
• 改进了内部代码注释和文档
• 更新了贡献指南

文档与示例改进

项目文档和示例也获得了显著提升：

• 故事书(Storybook)升级到v8版本
• 自动从源代码JSDocs生成故事标题和控制参数
• 创建了首批非可视化组件故事
• 增加了基本的暗黑模式支持
• 在每个故事下方添加了完整文档链接
• 优化了控制面板和代码块的垂直间距

总结

D3plus 3.0是一次全面的升级，不仅重构了代码架构，还带来了诸多功能改进和性能优化。新的模块化设计使得项目更加灵活和可维护，视觉和交互的改进提升了用户体验，而开发工具的更新则让开发者能够更高效地工作。对于现有用户，需要注意一些API变化可能会影响现有代码，但整体上这些变化都是为了更好的长期发展。