工作和生活中我们会经常碰到矩形树图，下面两张图相信大家不会陌生。 最近刚好接到一个需求，绘制门诊疾病的矩形树图（如下图），虽然 echart, d3等框架都有相关的实现，但是对其实现还是蛮好奇的，遂深入研究了一下其实现原理。接下来会从布局算法，颜色填充和canvas 事件系统三…

原 demo 基于 D3.js v3 开发, 笔者将其使用 D3.js v5 进行重写, 并改为使用 ES6 语法. 可以看到, 上图左上角为图例, 中间为各个手机公司之间的专利关系图. 下面让我们看看如何一步步实现上图的效果. 需要注意的是: 有一些公司 (如 Apple, …

用 JavaScript 处理图像可能非常困难且繁琐。幸运的是，有许多库可以使这事变得非常简单。以下是我最喜欢的不同类别的库。 如果你发现有用的东西，尝试将其封装成所选框架的组件。通过这种方式，你将拥有一个具备声明式 API 的可复用组件，并随时可用。 1. Pica 此插件可…