提交 67dd407b 编写于 作者: W wizardforcel

2020-04-25 18:46:33

上级 bff69171
# 17 比例墨水原理
> 原文: [https://serialmentor.com/dataviz/proportional-ink.html](https://serialmentor.com/dataviz/proportional-ink.html)
> 原文: [17 The principle of proportional ink](https://serialmentor.com/dataviz/proportional-ink.html)
> 校验:[飞龙](https://github.com/wizardforcel)
> 自豪地采用[谷歌翻译](https://translate.google.cn/)
在许多不同的可视化场景中,我们通过图形元素的区域来表示数据值。例如,在条形图中,我们绘制的条形图从 0 开始并以它们代表的数据值结束。在这种情况下,数据值不仅编码为条形的终点,而且编码为条形的高度或长度。如果我们绘制一个以非 0 值开始的条形图,则条形终点和条形长度将传达矛盾的信息。这些数字在内部不一致,因为它们使用相同图形元素显示的两个不同值。将此与我们使用点来可视化数据值的情况进行对比。在这种情况下,该值仅编码为点的位置,而不是点的大小或形状。
......@@ -80,21 +84,21 @@
在对数刻度上绘制条形时,它们表示比率,需要从 1 开始绘制,而不是 0。
## 17.3 直接区域可视化
## 17.3 直接区域可视化
所有前述示例沿一个线性维度可视化数据,使得数据值沿着 *x**y* 轴由区域和位置编码。在这些情况下,我们可以将区域编码视为数据值的位置编码的偶然和次要编码。然而,其他可视化方法主要或直接由区域表示数据值,而没有相应的位置映射。最常见的是饼图(图 17.11 )。尽管从技术上讲,数据值被映射到角度,这些角度由沿着圆轴的位置表示,但实际上我们通常不会判断饼图的角度。相反,我们注意到的主要视觉特性是每个饼形楔形区域的大小。
所有前述示例沿一个线性维度可视化数据,使得数据值编码为沿着 *x**y* 轴的面积和位置。在这些情况下,我们可以将数据值的面积编码视为相对于位置编码的偶然和次要编码。然而,其他可视化方法主要或直接由面积表示数据值,而没有相应的位置映射。最常见的是饼图(图 17.11 )。尽管从技术上讲,数据值被映射到角度,这些角度由沿着圆轴的位置表示,但实际上我们通常不会判断饼图的角度。相反,我们关注的主要视觉特性,是每个楔形区域的大小。
![](img/96861189e5339825ab7eb3ab024cb8cd.jpg)
图 17.11:罗德岛县的居民人数,以饼图表示。每个饼形楔的角度和面积都与各个县的居民数量成比例。数据来源:2010 年美国十年普查。
图 17.11:罗德岛县的居民人数,以饼图表示。每个楔形的角度和面积都与各个县的居民数量成比例。数据来源:2010 年美国十年普查。
因为每个饼形楔的面积与其角度成比例,该角度与楔形所代表的数据值成比例,所以饼图满足比例墨水原理。但是,我们认为饼图中的区域与条形图中的相同区域不同。根本原因是人类感知主要判断距离而不是区域。因此,如果数据值完全被编码为距离,如条形长度的情况,我们比通过共同创建区域的两个或更多个距离的组合编码数据值时更准确地感知它。为了看到这种差异,比较图 17.11 和图 17.12 ,它显示与条形相同的数据。普罗维登斯县和其他县之间居民人数的差异在图 17.12 中比在图 17.11 中更大。
因为每个楔形的面积与其角度成比例,该角度与楔形所代表的数据值成比例,所以饼图满足比例墨水原理。但是,我们认为饼图中的面积与条形图中的相同面积不同。根本原因是人类感知主要判断距离而不是面积。因此,如果数据值完全被编码为距离,如条形长度的情况,比起数据值编码为两三个距离的组合,它们共同创建一个区域的情况,我们更准确地感知它。为了看到这种差异,比较图 17.11 和图 17.12 ,它使用条形显示相同的数据。普罗维登斯县和其他县之间居民人数的差异在图 17.12 中比在图 17.11 中更大。
![](img/9e4f98f9cacbc15d525b253c125e6ba8.jpg)
图 17.12:罗德岛县的居民人数,以条形图表示。每个条形的长度与各自县的居民数量成比例。数据来源:2010 年美国十年普查。
人类感知在判断距离方面比在判断区域更好的问题也出现在树形图中(图 17.13 ),可以将其视为饼图的方形版本。同样,与图 17.12 相比,各县居民数量的差异在图 17.13 中显得不太明显。
人类感知更善于判断距离而不是判断区域的问题,也出现在树形图中(图 17.13 ),可以将其视为饼图的方形版本。同样,与图 17.12 相比,各县居民数量的差异在图 17.13 中显得不太明显。
![](img/ee0aa2f94335f98a8dd1b1a231eb66c1.jpg)
......@@ -102,4 +106,6 @@
### 参考
Bergstrom,C。T.和 J. West。 2016.“比例墨水原理。” [http://callingbullshit.org/tools/tools_proportional_ink.html](http://callingbullshit.org/tools/tools_proportional_ink.html)
\ No newline at end of file
```
Bergstrom, C. T., and J. West. 2016. “The Principle of Proportional Ink.” http://callingbullshit.org/tools/tools_proportional_ink.html.
```
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册