格式塔原理：数据可视化怎样引导观众的注意力

在数据分析中，我们常说：“一张好的图表赛过千言万语。”
但许多时间，我们做出来的图表却是“千言万语堵在心口难开”。读者看了半天，抓不住重点。
这是为什么？
由于人类的视觉感知遵照一套被称为 格式塔（Gestalt） 的生理学原理。
简朴来说，当我们看到一组物体时，大脑会自动将它们视为一个团体或一种模式，而不是孤立的碎片。
下面我们用 Python 的 Matplotlib 库，来演示 格式塔（Gestalt） 生理学中的 6 个焦点原理，看看怎样利用这些原理“控制”读者的注意力。
1. 相近原理：隔断产生“关系”

相近原理就是隔断越近，关系越亲，我们的大脑会自动把靠得近的物体归为一类。
就像在一个派对上，站在一起谈天的几个人，你会下意识以为他们是一伙的。

1. # 邻近原理
2. # 创建测试数据
3. np.random.seed(42)
4. data_a = np.random.normal(5, 1.5, 30)
5. data_b = np.random.normal(10, 1.5, 30)
6. data_c = np.random.normal(15, 1.5, 30)
8. # 不使用邻近原理
9. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
11. # 左侧：未应用邻近原理（所有点均匀分布）
12. all_data = np.concatenate([data_a, data_b, data_c])
13. x_positions = np.arange(90)
14. ax1.scatter(x_positions, all_data, alpha=0.7)
15. ax1.grid(True, alpha=0.3)
17. # 右侧：应用邻近原理（按组聚集）
18. for i, (data, x_offset) in enumerate(zip([data_a, data_b, data_c], [0, 30, 60])):
19.     x_positions = np.arange(len(data)) + x_offset
20.     ax2.scatter(x_positions, data, alpha=0.7, label=f'组{i+1}')
22. plt.tight_layout()
23. plt.show()

复制代码

计划要点：将相干的数据点或元素放在靠近的位置，可以让观众天然地明白它们属于同一种别或具有某种关联。
2. 相似原理：相似的“性格”吸引

相似原理就是长得像的，就是一家人，当物体在颜色、形状或巨细上相似时，大脑会将它们分为一组。
好比在足球场上，穿着类似颜色球衣的人，你不须要看清他们的脸，就知道他们是队友。

1. # 相似原理
2. # 创建测试数据
3. categories = ["A", "B", "C", "D", "E"]
4. values1 = [12, 16, 14, 18, 15]
5. values2 = [8, 11, 9, 12, 10]
6. x_pos = np.arange(len(categories))
8. # 相似原理示例
9. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
11. # 左侧：未应用相似原理（随机颜色和样式）
12. bars1 = ax1.bar(x_pos - 0.2, values1, 0.4, color=colors1, edgecolor="black")
13. bars2 = ax1.bar(
14.     x_pos + 0.2, values2, 0.4, color=colors2, edgecolor="black", hatch=hatches[0]
15. )
17. # 为每组条形添加不同图案
18. for i, bar in enumerate(bars2):
19.     bar.set_hatch(hatches[i % len(hatches)])
21. # 右侧：应用相似原理（一致的颜色和样式）
22. ax2.bar(x_pos - 0.2, values1, 0.4, color="skyblue", edgecolor="black", label="数据集1")
23. ax2.bar(
24.     x_pos + 0.2, values2, 0.4, color="lightcoral", edgecolor="black", label="数据集2"
25. )
27. plt.tight_layout()
28. plt.show()

复制代码

计划要点：利用同等的颜色、形状或样式来表现类似范例的数据，可以大大低落观众的认知负担。
3. 困绕原理：界限创造"归属感"

困绕原理就是有围墙的地方就是家。假如在某些物体附近加上界限或配景致，它们就被视为一个独立的群体。
这个原理乃至比 “相近” 和 “相似” 更强大。
好比，草地上散落着羊群，一旦你用栅栏圈住此中几只，各人就会以为这几只是被特殊选中的。

1. # 包围原理
2. # 创建测试数据
3. np.random.seed(42)
4. x1 = np.random.normal(2, 0.8, 50)
5. y1 = np.random.normal(3, 0.8, 50)
7. x2 = np.random.normal(5, 0.8, 50)
8. y2 = np.random.normal(5, 0.8, 50)
10. # 包围原理示例
11. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
13. # 左侧：未应用包围原理
14. ax1.scatter(x1, y1, alpha=0.7, color="blue")
15. ax1.scatter(x2, y2, alpha=0.7, color="red")
17. # 右侧：应用包围原理
18. from matplotlib.patches import Ellipse
20. ax2.scatter(x1, y1, alpha=0.7, color="blue", label="组A")
21. ax2.scatter(x2, y2, alpha=0.7, color="red", label="组B")
23. # 添加包围区域
24. ellipse1 = Ellipse((2, 3), width=4, height=3, edgecolor="blue")
25. ellipse2 = Ellipse((5, 5), width=4, height=3, edgecolor="red")
27. ax2.add_patch(ellipse1)
28. ax2.add_patch(ellipse2)
30. plt.tight_layout()
31. plt.show()

复制代码

计划要点：利用界限、配景致或容器将相干的数据元素困绕起来，可以明白地告诉观众这些元素属于同一组。
4. 闭合原理：大脑的"自动补全"

闭合原理就是大脑是天生的“补图高手”。纵然图形不完备，只要有充足的提示，大脑也会自动脑补出缺失的部门。
好比看到一个虚线画圆，你不会以为那是断断续续的线段，你会直接说：“这是一个圆”。

1. # 闭合原理示例
2. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
4. # 创建一些不完整的数据点
5. np.random.seed(42)
6. angles = np.linspace(0, 2*np.pi, 7)[:-1]  # 故意少一个点形成不闭合
7. radii = np.random.uniform(3, 5, 6)
8. x = radii * np.cos(angles)
9. y = radii * np.sin(angles)
11. # 左侧：不完整的形状（未利用闭合原理）
12. ax1.plot(x, y, 'o-', linewidth=2, markersize=8)
14. # 右侧：闭合的形状（应用闭合原理）
15. # 添加缺失的点使形状闭合
16. angles_closed = np.linspace(0, 2*np.pi, 7)
17. radii_closed = np.append(radii, radii[0])  # 回到起点
18. x_closed = radii_closed * np.cos(angles_closed)
19. y_closed = radii_closed * np.sin(angles_closed)
21. ax2.plot(x_closed, y_closed, 'o-', linewidth=2, markersize=8)
22. ax2.fill(x_closed, y_closed, alpha=0.3)  # 填充增强闭合感
24. plt.tight_layout()
25. plt.show()

复制代码

计划要点：我们不须要展示每一个细节，可以利用观众的自动补万本领来简化图表。
但要注意，过于不完备的图形大概导致误解。
5. 一连原理：流通的"视觉路径"

一连原理就是顺藤摸瓜。我们的视线倾向于跟随平滑、一连的路径，而不是剧烈折线或不规则的分列。
好比列队时，假如队伍弯弯曲曲但每个人都看着前一个人的后脑勺，你知道这还是一条队。

1. # 连续原理示例
2. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
4. # 创建数据
5. np.random.seed(42)
6. time = np.arange(0, 10, 0.1)
7. signal1 = np.sin(time) + np.random.normal(0, 0.1, len(time))
8. signal2 = np.cos(time) + np.random.normal(0, 0.1, len(time))
10. # 左侧：不连续的展示
11. ax1.plot(time[:50], signal1[:50], 'b-', linewidth=2, label='信号A (第一部分)')
12. ax1.plot(time[70:], signal1[70:], 'b--', linewidth=2, label='信号A (第二部分)')
13. ax1.plot(time[:40], signal2[:40], 'r-', linewidth=2, label='信号B (第一部分)')
14. ax1.plot(time[60:], signal2[60:], 'r--', linewidth=2, label='信号B (第二部分)')
16. # 右侧：连续的展示
17. ax2.plot(time, signal1, 'b-', linewidth=2, label='信号A')
18. ax2.plot(time, signal2, 'r-', linewidth=2, label='信号B')
20. plt.tight_layout()
21. plt.show()

复制代码

计划要点：保持线条、形状或元素的一连性可以资助观众追踪数据的变革趋势。在折线图、面积图中尤其紧张。
6. 毗连原理：看得见的"关系线"

毗连原理就是难舍难分。被线毗连的物体，被视为强关联。这个视觉信号比颜色和隔断都要强。
好比，两个人站得再远，假如手里牵着一根绳子，你也会以为他们俩在互动。

1. # 连接原理示例 - 散点图版本
2. fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 5))
4. # 创建散点数据：4个相关点集，每个点集有5个点
5. np.random.seed(42)
6. n_points = 5
7. n_groups = 4
9. # 为每组生成相关点
10. groups = []
11. for i in range(n_groups):
12.     center_x = np.random.uniform(2, 8)
13.     center_y = np.random.uniform(2, 8)
15.     # 生成围绕中心的相关点
16.     x_points = center_x + np.random.normal(0, 0.8, n_points)
17.     y_points = center_y + np.random.normal(0, 0.8, n_points)
19.     # 添加一些趋势
20.     trend = np.random.uniform(-1, 1)
21.     y_points = y_points + trend * (x_points - center_x)
23.     groups.append((x_points, y_points))
25. # 左侧：未应用连接原理（独立的散点）
26. colors = ["blue", "red", "green", "orange"]
27. markers = ["o", "s", "^", "D"]
29. for i, (x_points, y_points) in enumerate(groups):
30.     ax1.scatter(
31.         x_points,
32.         y_points,
33.         color=colors[i],
34.         marker=markers[i],
35.         alpha=0.7,
36.         s=80,
37.         label=f"数据集{i+1}",
38.     )
40. # 右侧：应用连接原理（连接相关散点）
41. for i, (x_points, y_points) in enumerate(groups):
42.     # 首先绘制连接线
43.     # 按照x值排序，使连接线更有序
44.     sorted_indices = np.argsort(x_points)
45.     sorted_x = x_points[sorted_indices]
46.     sorted_y = y_points[sorted_indices]
48.     ax2.plot(
49.         sorted_x,
50.         sorted_y,
51.         color=colors[i],
52.         linewidth=2,
53.         alpha=0.5,
54.         line,
55.         label=f"数据集{i+1}趋势线",
56.     )
58.     # 然后绘制散点（在线上方，避免被线遮挡）
59.     ax2.scatter(
60.         x_points,
61.         y_points,
62.         color=colors[i],
63.         marker=markers[i],
64.         alpha=0.7,
65.         s=80,
66.         edgecolor="black",
67.         linewidth=1,
68.     )
70. plt.tight_layout()
71. plt.show()

复制代码

计划要点：在散点图中，毗连相干数据点的线可以资助观众辨认出数据的模式、趋势或分组关系。
这就像在舆图上毗连各个都会来表现观光蹊径一样，使相干的点之间创建了明白的视觉接洽。
7. 总结

做数据可视化，不光仅是写代码绘图，更是一场 “注意力夺取战”。
通过这 6 个格式塔原理，我们不是在改变数据本身，而是在优化数据的出现方式，让读者的脑力斲丧降到最低。
每次我们绘图时，不妨问本身一句：

• “这些数据应该是一组吗？它们靠得够近吗？”（相近）
  
• “重点数据突出了吗？”（困绕/相似）
  
• “视线活动顺畅吗？”（一连）
  

最好的可视化不是展示全部数据，而是引导观众看到最紧张的信息。格式塔原理就是我们实现这一目标的强大工具。
盼望这篇文章能资助你在创建数据可视化时，更加故意地引导观众的注意力。