Tableau图表 • 维诺图(Voronoi Diagram)

今天,看到了tableau女神Yanning Wang发布的MakeoverMonday 2020W7作业,里面使用的图形给人以非常强烈的视觉冲击感,经科普,得知该图形名为Voronoi Diagram(维诺图)

Tableau图表 • 维诺图(Voronoi Diagram)

本来对我这种菜鸟,遇到此类高难度的图表一般都是绕路走,特别是需要对基础数据进行复杂加工处理的图形,我更是敬而远之,但在女神发布的工作簿中,提供了国外大神制作的便捷工具,让我们只需要两步即可完成复杂的维诺图制作,因此我也尝试了一回当"大神"的感觉,并将此过程记录下来,提供给有需要的小伙伴共同学习。

第一步,处理数据

这里使用网上下载的2018年全国各省区常住人口数量数据,格式为excel文件,结构如下所示:

Tableau图表 • 维诺图(Voronoi Diagram)

首先,将Excel表格另存为csv格式,需要注意的是,如果数据中有中文,则需要另存为CSV UTF-8,避免出现乱码。

Tableau图表 • 维诺图(Voronoi Diagram)

然后,打开网址https://observablehq.com/@ladataviz/wip-voronoi-data-generator,进入国外大神创建的工具页面,上传CSV数据文件,设置好splitsizegroup等参数后,点击下载,如下所示:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mInjvvDi-1583885703339)(http://images.cntableau.cn/image-20200217213040352.png)]

此时,下载下来的csv文件已经自动生成了创建维诺图所需的坐标、路径等信息,当然,原始数据完全不会受到影响。需要注意的是,下载下来的文件可能没有csv后缀,需要我们自行添加.csv。至此,我们就完成了第一步的数据处理。

第二步,创建图形

数据处理完成后,图形创建就很简单了,只需要创建一个多边形图形,并将相应的字段拖放到对应位置,并将度量设置为平均值即可,如下所示:

Tableau图表 • 维诺图(Voronoi Diagram)

这里有一个小坑需要注意,在将CSV数据导入tableau后,path字段被识别为度量,我们必须将其转换为维度才能正确生成图形。

Tableau图表 • 维诺图(Voronoi Diagram)

如果要在图中添加标记,则可以使用双轴图,将第2个图的标记方式改为文本,同时仅使用splitvalue两个字段作为文本标签,需要注意的是,value字段也要设为平均值,这样才可以显示出正确数值,如下所示:

Tableau图表 • 维诺图(Voronoi Diagram)

以上就是Voronoi Diagram(维诺图)创建的全过程,是不是非常简单啊。当然,与女神的图形比起来,观赏感确实差多了,但完全不用纠结,因为这就是菜鸟大神的差距。SO,继续努力吧!

(全文完)

Tableau图表 • 维诺图(Voronoi Diagram)