Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenDocCN
dataviz-zh
提交
fe7ea1cd
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 搜索 >>
提交
fe7ea1cd
编写于
4月 27, 2020
作者:
W
wizardforcel
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2020-04-27 15:36:47
上级
025e2f65
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
23 addition
and
19 deletion
+23
-19
docs/29.md
docs/29.md
+23
-19
未找到文件。
docs/29.md
浏览文件 @
fe7ea1cd
# 25 避免
使用
线条图
# 25 避免线条图
> 原文: [
https://serialmentor.com/dataviz/avoid-line-drawings.html
](https://serialmentor.com/dataviz/avoid-line-drawings.html)
> 原文: [
Avoid line drawings
](https://serialmentor.com/dataviz/avoid-line-drawings.html)
尽可能使用纯色的形状来显示数据,而不是使用勾勒出这些形状的线条。实体形状更容易被视为连贯的对象,不太可能产生视觉伪像或视错觉,并且比轮廓更容易传递数量。根据我的经验,使用实体形状的可视化比使用线条图的等效版本更清晰,更令人愉悦。因此,我尽可能避免使用线条图。但是,我想强调的是,这一建议并未取代比例墨水原理(第
[
17
](
proportional-ink.html#proportional-ink
)
章节)。
> 校验:[飞龙](https://github.com/wizardforcel)
线条图在数据可视化领域有着悠久的历史,因为在 20 世纪的大部分时间里,科学可视化都是手工绘制的,必须以黑白再现。这排除了使用填充纯色的区域,包括实心灰度填充。相反,有时通过应用填充,交叉影线或点画模式来模拟填充区域。早期绘图软件模仿手绘模拟,同样广泛使用线条图,虚线或虚线图案和阴影线。虽然现代可视化工具和现代复制和发布平台没有先前的限制,但许多绘图应用仍默认为轮廓和空形状而不是填充区域。为了提高你对这个问题的认识,我将在这里向你展示几个用线条和填充形状绘制的相同图形的例子。
> 自豪地采用[谷歌翻译](https://translate.google.cn/)
在直方图和条形图中可以看到最常见且同时最不合适地使用线条图。将条形绘制为轮廓的问题在于,任何给定线的哪一侧在条形内部以及哪一侧在外部并不是立即显而易见的。因此,特别是当条形之间存在间隙时,我们最终会产生一种令人困惑的视觉模式,这会损害图形的主要信息(图 25.1 )。用浅色填充条形,或者如果不能进行颜色再现,则用灰色填充,避免了这个问题(图 25.2 )。
尽可能使用实心有色的形状来显示数据,而不是使用勾勒出这些形状的线条。实心形状更容易被视为连贯的对象,不太可能产生视觉伪像或光学幻觉,并且比轮廓更容易传递东西。根据我的经验,使用实心形状的可视化,比使用线条图的等效版本更清晰,更令人愉悦。因此,我尽可能避免使用线条图。但是,我想强调的是,这一建议并未取代比例墨水原理(第 17 章)。
线条图在数据可视化领域有着悠久的历史,因为在 20 世纪的大部分时间里,科学可视化都是手工绘制的,必须以黑白再现。这排除了填充纯色的区域的使用,包括实心灰度填充。相反,有时通过应用阴影线,网状线或点画图案来模拟填充区域。早期绘图软件模仿手绘,同样广泛使用线条图,虚线或点线图案,和阴影线。虽然现代可视化工具和现代重制和发布平台没有先前的限制,但许多绘图应用仍默认使用轮廓和空心形状而不是填充区域。为了提高你对这个问题的认识,我将在这里向你展示几个例子,用线条和填充形状绘制的相同图形的。
在直方图和条形图中,可以看到线条图的最常见且同时最不合适的使用方式。将条形绘制为轮廓的问题在于,任何给定线的哪一侧在条形内部,以及哪一侧在外部并不是立即显而易见的。因此,特别是当条形之间存在间隙时,我们最终会产生一种令人困惑的视觉图案,这会损害图形的主要信息(图 25.1 )。用浅色填充条形,或者如果不能进行彩色重制,则用灰色填充避免了这个问题(图 25.2)。
![](
img/17b6f699ca0b4e78011c2dc30e8a7936.jpg
)
图 25.1:使用空
杆绘制的泰坦尼克号乘客年龄的直方图。空条形成一个令人困惑的视觉模式。在直方图的中心,很难分辨出哪些部分位于条形图内部
以及哪些部分位于外部。
图 25.1:使用空
心条形绘制的泰坦尼克号乘客年龄的直方图。空心条形形成一个令人困惑的视觉图案。在直方图的中心,很难分辨出哪些部分位于条形图内部,
以及哪些部分位于外部。
![](
img/3b467de96319f3a56a168f2c7c8ccd44.jpg
)
图 25.2:图 25.1 的相同直方图,现在用实心条绘制。在该图的变形中,年龄分布的形状更容易辨别。
图 25.2:图 25.1 的相同直方图,现在用实心条
形
绘制。在该图的变形中,年龄分布的形状更容易辨别。
接下来,我们来看看
老派的密度绘图。我正在显示三种鸢尾花的萼片长度分布的密度估计值,完全用黑白绘制为线条图(图 25.3 )。分布仅通过它们的轮廓显示,并且因为图形是黑白的,我们使用不同的线条样式来区分它们。这个数字有两个主要问题。首先,虚线样式不能在曲线下方的区域与其上方的区域之间提供清晰的分离。虽然我们的视觉系统非常擅长将各个线条元素连接成一条连续的线条,但虚线看起来仍然是多孔的,并不能作为封闭区域的强大边界。其次,因为线相交并且它们所包围的区域没有阴影,所以难以从六个不同的形状轮廓中
分割出不同的密度。如果我对所有三个分布使用实线而不是虚线,这种效果会更强。
接下来,我们来看看
旧式的密度绘图。我正在显示三种鸢尾花的萼片长度分布的密度估计值,完全绘制为黑白线条图(图 25.3 )。分布仅通过它们的轮廓显示,并且因为图形是黑白的,我们使用不同的线条样式来区分它们。这个图形有两个主要问题。首先,虚线样式不能在曲线下方的区域与其上方的区域之间提供清晰的分离。虽然我们的视觉系统非常擅长将各个线条元素连接成一条连续的线条,但虚线看起来仍然是多孔的,并不能作为封闭区域的有效边界。其次,因为线条相交并且它们所包围的区域没有阴影,所以难以从六个不同的形状轮廓中,
分割出不同的密度。如果我对所有三个分布使用实线而不是虚线,这种效果会更强。
![](
img/134e5cf965824165228a2c3ccc72f065.jpg
)
图 25.3:三
种不同鸢尾花物种萼片长度的密度估计值。用于变色和弗吉尼亚的虚线样式
减损了曲线下方的区域与它们上方的区域不同的感觉。
图 25.3:三
个不同鸢尾花物种的萼片长度的密度估计值。用于杂色和弗吉尼亚鸢尾的虚线样式,
减损了曲线下方的区域与它们上方的区域不同的感觉。
我们可以尝试通过使用彩色线
而不是虚线来解决多孔边界的问题(图 25.4 )。然而,所得图中的密度区域仍然几乎没有视觉存在
。总的来说,我发现填充区域的版本(图 25.5 )最清晰直观。然而,重要的是使填充区域部分透明,以便可以看到每个物种的完整分布。
我们可以尝试通过使用彩色线
条而不是虚线,来解决多孔边界的问题(图 25.4 )。然而,所得图中的密度区域仍然几乎没有视觉存在感
。总的来说,我发现填充区域的版本(图 25.5 )最清晰直观。然而,重要的是使填充区域部分透明,以便可以看到每个物种的完整分布。
![](
img/b4deec32b0c9c55171bd79bd2f5c8f7a.jpg
)
图 25.4:三
种不同鸢尾花
种的萼片长度的密度估计。通过使用实线,彩色线条,我们解决了图 25.3 的问题,即线条下方和上方的区域似乎是连通的。但是,我们仍然不了解每条曲线下面积的大小。
图 25.4:三
个不同鸢尾花物
种的萼片长度的密度估计。通过使用实线,彩色线条,我们解决了图 25.3 的问题,即线条下方和上方的区域似乎是连通的。但是,我们仍然不了解每条曲线下面积的大小。
![](
img/ab45885278251e0d91bb62bc3837f06a.jpg
)
图 25.5:三
种
不同鸢尾花物种的萼片长度的密度估计值,显示为部分透明的阴影区域。
图 25.5:三
个
不同鸢尾花物种的萼片长度的密度估计值,显示为部分透明的阴影区域。
当不同
的点类型绘制为空心圆,三角形,十字形等时,线图也会出现在散点图的上下文中。例如,请考虑图 25.6 。该图包含许多视觉噪声,并且不同的点类型彼此之间没有很强的分离。用纯色的
形状绘制相同的图形解决了这个问题(图 25.7 )。
当不同
类型的点绘制为空心圆,三角形,十字等时,折现图也会出现在散点图的上下文中。例如,请考虑图 25.6 。该图包含许多视觉噪声,并且不同类型的点彼此之间没有很强的分离。用实心有色
形状绘制相同的图形解决了这个问题(图 25.7 )。
![](
img/019fa673b57ae753ae01038cb36619fc.jpg
)
图 25.6:城市燃油效率与发动机排量的关系,适用于带前轮驱动(FWD),后轮驱动(RWD)和
全轮驱动(4WD)的汽车。不同的点样式,所有黑白线条画符号,都会产生大量的视觉噪音,并且难以阅读图形
。
图 25.6:城市燃油效率与发动机排量的关系,适用于带前轮驱动(FWD),后轮驱动(RWD)和
四轮驱动(4WD)的汽车。不同的点样式,所有黑白线条绘图符号,都会产生大量的视觉噪音,并且使图形难以阅读
。
![](
img/a8f7e4e66b31a65552520c235ec7f26c.jpg
)
图 25.7:城市燃油效率与发动机排量
。通过对不同的传动系变型使用不同的颜色和不同的实心形状,该图清楚地分离了传动系变体,同时在需要时保持灰度可
重现。
图 25.7:城市燃油效率与发动机排量
的关系。通过对不同的传动系统使用不同的颜色和不同的实心形状,该图清楚地分离了传动系统,同时在需要时保持可以灰度
重现。
我非常喜欢
固定点而非开放点,因为固体点具有更多的视觉存在。我有时听到支持开放点的论点是它们有助于过度绘图,因为每个点中间的空白区域允许我们看到可能位于其下方的其他点。在我看来,能够看到过分点的好处通常不会超过开放符号增加的视觉噪音的损害。还有其他处理过度绘图的方法,请参阅章节
[
18
](
overlapping-points.html#overlapping-points
)
获取一些建议。
我非常喜欢
实心点而非空心点,因为实心点具有更多的视觉存在感。我有时听到支持空心点的论点是,它们有助于过度绘图,因为每个点中间的空白区域允许我们看到可能位于其下方的其他点。在我看来,能够看到过度绘制的点的好处,通常不会超过空心符号增加的视觉噪音的损害。还有其他处理过度绘图的方法,请参阅第 18 章
获取一些建议。
最后,让我们考虑一下箱
形图。箱形图通常用空框绘制,如图 25.8 。我更喜欢盒子的浅色阴影,如图 25.9 。阴影将图框与图背景分离得更清楚,特别是当我们显示彼此相邻的多个箱图时,如图 25.8 和 25.9 的情况]。在图 25.8 中,大量的盒子和线条可以再次创造出盒子外面的背景区域的幻觉实际上在其他形状的内部,就像我们在图 25.1 中看到的那样。 ]。图 25.9 中消除了这个问题。我有时听到过这样的批评:阴影框的内部给中心 50%的数据带来了太多的重量,但我不买这个论点。箱形图,阴影框是否固有,给予中心 50%的数据权重而不是其他数据。如果您不想强调这一点,那么请不要使用箱线图。相反,使用小提琴图,抖动点或新浪图(章
[
9
](
boxplots-violins.html#boxplots-violins
)
)。
最后,让我们考虑一下箱
线图。箱线图通常用空箱子绘制,如图 25.8 。我更喜欢箱子的浅色阴影,如图 25.9 。阴影将箱子与背景分离得更清楚,特别是当我们显示彼此相邻的多个箱图时,如图 25.8 和 25.9 的情况。在图 25.8 中,大量的箱子和线条可以再次创造出幻觉,即箱子外面的背景区域实际上在其他形状的内部,就像我们在图 25.1 中看到的那样。图 25.9 消除了这个问题。我有时听到过这样的批评:箱子内部的阴影给中间 50% 的数据带来了太多的权重,但我不同意这个论点。无论箱子的阴影是否存在,给予中心 50% 的数据权重而不是其他数据,是箱线图固有的。如果您不想强调这一点,那么请不要使用箱线图。相反,使用提琴图,抖动的点或 Sina 图(第九章
)。
![](
img/987c9583224824d6b41744294cd4822d.jpg
)
图 25
。
8:2016 年内布拉斯加州林肯市的日平均温度分布。箱子采用传统方式绘制,没有阴影。
图 25
.
8:2016 年内布拉斯加州林肯市的日平均温度分布。箱子采用传统方式绘制,没有阴影。
![](
img/f4dd1df0923014751d6d84817087e644.jpg
)
图 25。9:2016 年内布拉斯加州林肯市的日平均温度分布。通过给出浅灰色阴影框,我们可以使它们在背景中更加突出。
\ No newline at end of file
图 25.9:2016 年内布拉斯加州林肯市的日平均温度分布。通过给于箱子浅灰色阴影,我们可以使它们在背景中更加突出。
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录