Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenDocCN
dataviz-zh
提交
67dd407b
D
dataviz-zh
项目概览
OpenDocCN
/
dataviz-zh
8 个月 前同步成功
通知
2
Star
68
Fork
16
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
dataviz-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
67dd407b
编写于
4月 25, 2020
作者:
W
wizardforcel
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2020-04-25 18:46:33
上级
bff69171
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
13 addition
and
7 deletion
+13
-7
docs/21.md
docs/21.md
+13
-7
未找到文件。
docs/21.md
浏览文件 @
67dd407b
# 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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录