数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)

一、华夫饼图功能和演变

常规的华夫饼图是酱紫的:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
不是,是酱紫的:

数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
它是10*10的方格矩阵,和饼图的功能类似,用来代表百分比。因为总共100个方格,几个格子着色了,就表示百分之几。相比饼图,更直观,不标数字也好辨认是百分之几。

当然关于他还有一些演变,比如将若干华夫饼图排列在一起,视觉效果会很冲击。
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
又比如将方格替换为你希望表示的任何一种图形,可以包含更多的信息。如下图,将方格替换为人形图可以代表人口的占比等。
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
还可以把方形变成圆形,这种华夫饼图又叫plum pudding chart,是很多可视化作品中经常用到的图形。比如下面这个图就表示猎豹数量锐减。
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)

二、Tableau制作过程:

2.1 标准华夫饼图:

华夫饼图制作并不难,只要设置好X,Y轴的坐标,10*10个方格,就是X从1到10和Y从1到10的排列组合。只要这个坐标确定下来剩下的就好办了。
比如我参照以下作品,并使用它的数据:
https://public.tableau.com/profile/kizley.benedict#!/vizhome/TheWorldAs100PeopleMakeoverMonday/100people
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
首先、在原始表里手动添加XS和YS列
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
读入数据,数据源大概有这些字段以及之前创建的XS和YS:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)

添加参数:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
添加计算字段:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
将XS拖到X轴,YS拖到Y轴,此时图形还没有形成我们所要的方阵。因为系统自动默认为聚合度量,选择分析,将聚合度量勾除,可以看到方阵,再将图形选择为方形,华夫饼图框架就出来了:数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
但是并没有表示百分比,只要将之前设置的计算字段拖到颜色上,再对颜色进行一定的调整就可以了:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
可以看到华夫饼图的值代表93%。

2.2、方格变形

因为这个数字是表示人口的,需要将方格变形为人形,选择形状为人形图就可以了:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
如果希望表示其他信息可以选择其他图形代表。

2.3、使用plum pudding chart

这一步其实也很简单,就是把方形图的坐标改成圆形图的坐标,新添加坐标列X和Y,将X和Y做如下设置,也可以有其他设置方式,只要每一个点代表圆上的一个点,又不与其他点重合就可以:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)
接下来跟华夫饼图类似,只不过是用X替换XS在X轴,Y替换YS在Y轴就可以了:
数据可视化——tableau制作华夫饼图以及梅布丁图(waffle chart & plum pudding chart)

三、需要注意的点:

1、注意取消聚合度量,否则方阵和圆阵图都出不来。
2、注意方向,我在设置XS和YS的时候方向上下颠倒了,所以出来的方阵是从上往下的,如果希望效果为从下往上的,需要再调整一下坐标值。
3、也可以将排列顺序做的随机一点,例如上面猎豹的图,但是这样就不太好辨认也不太好比较了,具体问题具体分析吧。