先上一组图：
这是上半年美数课做的一部分图表，用到了桑基图、叠嶂图、热力图、地图、Small multiples、Voronoi Treemap……
很多同学看到后留言说：
话不多说，今天教大家制作如何制作Voronoi Treemap。Voronoi Treemap 是沃罗诺伊图（Voronoi ｜图左）与矩形树图（Treemap ｜图右）两种可视化方式的结合。Voronoi树图通过使用加权递归划分凸多边形来可视化分层数据，多边形面积与其相应节点的相对权重成比例。我们很多稿子中的可视化也用到了这个可视化效果，可以一目了然看出各个类型之间的整体及局部的分布情况。有人做了在线零代码可视化工具 —— PlotDB 。▨ 特色：支持图表格式多，上手非常简单，而且都是免费的，最重要的是可以导出 SVG 格式方便后续修改～下面课代表来分解一下如何用 PlotDB 制作这种图制图必要条件 = 电脑+网络+ (令人头秃👨🦲的）数据▼ Step 1 ：打开Voronoi Treemap的图表制作页面( https://plotdb.com/chart/1017/ )，可以看到类似一个足球的形状。▼Step 2 ： 在【Data】里输入数据，给每一列选择对应的属性，有值、名字、层级和颜色，软件会根据用户选择即刻显示对应效果。▼ Step 3 ： 在【Style】里面可以调整字体大小，配色，描边颜色粗细，可以调整在某个范围以上显示对应的文字等等。唯一的问题是，每次调整参数，图形就会重新排列组合。▼ Step 4 ： 最后还可以导出 SVG ，设计师们就可以在 AI 中灵活修改及添加元素。
▨ 补充：Voronoi Treemap 不局限于圆形，有大神用 D3.js 写了多边形的模板，调整参数就可以改变的形状，感兴趣的同学可以尝试～▨ Github地址：https://github.com/Kcnarf/d3-voronoi-treemap
课代表第一次尝试写教程，不知道大家是否期待有更多教程系列或者其他内容？欢迎投票给我们一些反馈～
◒◡◒
┊推 - 荐 - 阅 - 读┊