由于公司需求，所以需要做数据可视化。看了很多库，觉的D3.js库很强大，于是决定用D3.js库。 在使用树状图时，看到固定的树形图，在想能不能做了思维导图了，于是便开始了探索。。。

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

d3 可能 是前端可视化领域最有名的工具了，这篇文章会简单介绍下 d3 这个工具。 按照官方文档上说，d3 是一套数据可视化工具，用来帮我们建立数据驱动的 DOM 模型。（当然也包括图表），但是和 DataV、Echarts 之类图表不同的是: d3 并不是开箱即用的，使用 d…