2.1.5　关联图形

关联图形展示两个或两个以上的数据变量之间的关系，常见类型有散点图、气泡图、柱状图+折线图、热力图等。

1. 散点图

散点图是将所有数据以点的形式展示在坐标系上，点的位置由X轴和Y轴的变量数值决定。点越聚集说明数据的关联性越强，反之关联性越弱。

图2-21展示的是不同性别的身高和体重的数据，通过散点图中数据点的分布可以看出数据的聚集区域和分散区域，还可以通过平均值将散点图分为四个象限，这样能够更清晰地看到数据的分布情况。

图2-21

2. 气泡图

气泡图可以展示多维的数据。在图2-22中，气泡代表产品的类别（当鼠标移入时可显示产品名称），气泡大小代表产品的利润，不同的颜色代表不同的店铺，并且这里可以增加更多的店铺，X轴和Y轴分别表示产品的单价和销售数量。在图2-22中总共展示了五个维度的数据，因此当在工作中遇到类似这样多维的数据结构时，可以优先考虑使用气泡图。

图2-22

3. 柱状图+折线图

柱状图+折线图可以表示关联关系。如图2-23所示，通过柱状图能看出每个月的销售数据，而折线图能体现出利润率。这样的图形一般需要配合交互操作来查看数据，如鼠标光标移入或点击展示具体数据。

图2-23

4. 热力图

热力图一般使用冷色到暖色的不同颜色表示数据从大到小的权重，或用同色系颜色的深浅来表示数据的多少。热力图可以在坐标轴上呈现数据的大小分布，也可以在地图或图片上使用。如图2-24所示，在设计稿上做的眼动测试，通过热力图可以直观地看出界面中用户眼睛重点浏览的区域，这样就能分析界面设计的合理性。

图2-24