Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenDocCN
dataviz-zh
提交
3d7bd007
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 搜索 >>
提交
3d7bd007
编写于
4月 25, 2020
作者:
W
wizardforcel
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
2020-04-25 17:37:11
上级
3cc2d87f
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
12 addition
and
12 deletion
+12
-12
docs/21.md
docs/21.md
+12
-12
未找到文件。
docs/21.md
浏览文件 @
3d7bd007
...
...
@@ -12,41 +12,41 @@
## 17.1 沿线性轴可视化
我们首先考虑最常见的情景,即沿线性比例的
金额可视化。图 17.1 显示构成夏威夷州的五个县的收入中位数。这是报纸文章中可能遇到的典型人物。快速浏览一下这个数字表明,夏威夷的县非常贫穷,而檀香山的县比其他县富裕得多。然而,图 17.1 相当具有误导性,因为所有金条都以 50,000 美元的中位收入开始。因此,虽然每个条形的终点正确地代表了每个县的实际收入中位数,但条形高度代表收入中位数超过 50,000 美元的程度,这是一个任意数字。并且人类感知是这样的:条形高度是我们在观察该图时所感知的关键数量,而不是相对于
*y*
轴的条形终点
的位置。
我们首先考虑最常见的情景,即沿线性比例的
数量可视化。图 17.1 显示夏威夷州的五个县的收入中位数。这是报纸文章中可能遇到的典型图像。快速浏览一下这个图表表明,夏威夷县非常贫穷,而檀香山县比其他县富裕得多。然而,图 17.1 相当具有误导性,因为所有条形都以 50,000 美元的收入中位数开始。因此,虽然每个条形的终点正确代表了每个县的实际收入中位数,但条形高度代表收入中位数超过 50,000 美元的程度,这是一个任意数字。并且人类感知是这样的:条形高度是我们在观察该图时所感知的关键数量,而不是条形终点相对于
*y*
轴
的位置。
![](
img/452cc298918aa248e14a3a062ffd04b9.jpg
)
图 17.1:夏威夷州五个县的收入中位数。这个
数字具有误导性,因为
*y*
轴刻度从 50,000 美元而不是 0 美元开始。结果,条形高度与所示数值不成比例,夏威夷县与其他四个县之间的收入差距看起来比实际大得多。数据来源:2015 年五年美国
社区调查。
图 17.1:夏威夷州五个县的收入中位数。这个
图表具有误导性,因为
*y*
轴刻度从 50,000 美元而不是 0 美元开始。结果,条形高度与所示数值不成比例,夏威夷县与其他四个县之间的收入差距看起来比实际大得多。数据来源:2015 年美国五年
社区调查。
这些数据的适当可视化使得故事不那么
激动(图 17.2 )。虽然各州之间的收入中位数存在差异,但它们远远没有图 17.1 所暗示的那么大。总体而言,不同县的收入中位数有些可比
。
这些数据的适当可视化使得故事不那么
令人激动(图 17.2 )。虽然各州之间的收入中位数存在差异,但它们远远没有图 17.1 所暗示的那么大。总体而言,不同县的收入中位数是差不多的
。
![](
img/c29d5217256b112d4a56295377638bac.jpg
)
图 17.2:夏威夷州五个县的收入中位数。这里,
*y*
轴刻度从 0 美元开始,因此准确显示了五个县的收入中位数的相对大小。数据来源:2015 年
五年美国
社区调查。
图 17.2:夏威夷州五个县的收入中位数。这里,
*y*
轴刻度从 0 美元开始,因此准确显示了五个县的收入中位数的相对大小。数据来源:2015 年
美国五年
社区调查。
线性刻度上的条应始终从 0 开始。
线性刻度上的条
形
应始终从 0 开始。
在时间序列的可视化中经常出现类似的可视化问题,例如股票价格的可视化问题。图 17.3 表明 Facebook 股票价格在 2016 年 11 月 1 日左右大幅下
挫。实际上,相对于股票总价格,价格下跌幅度较小(图 17.4 ])。即使没有曲线下方的阴影,图 17.3 中的
*y*
轴范围也会有问题。但随着阴影,这个数字变得特别成问题。阴影强调从
*x*
轴的位置到所示的特定
*y*
值的距离,因此它产生视觉印象,即给定日期阴影区域的高度代表那天的股票价格。相反,它只代表股票价格与基线的差异,图 17.3
为 110 美元。
在时间序列的可视化中经常出现类似的可视化问题,例如股票价格的可视化问题。图 17.3 表明 Facebook 股票价格在 2016 年 11 月 1 日左右大幅下
跌。实际上,相对于股票总价格,价格下跌幅度较小(图 17.4 ])。即使没有曲线下方的阴影,图 17.3 中的
*y*
轴刻度也会有问题。但有了阴影,这个图表变得特别成问题。阴影强调从
*x*
轴的位置到所示的特定
*y*
值的距离,因此它产生视觉印象,即给定日期的阴影区域的高度代表那天的股票价格。相反,它只代表股票价格与基线的差异,图 17.3 中
为 110 美元。
![](
img/e41bb3c4afe15d0cd47e28e7c3e6893d.jpg
)
图 17.3:
Facebook(FB)的股票价格从 2016 年 10 月 22 日到 2017 年 1 月 21 日。这个数字
似乎意味着 Facebook 股票价格在 2016 年 11 月 1 日左右崩溃。但是,这是误导性的,因为
*y*
轴的起价为 110 美元而不是 0 美元。
图 17.3:
2016 年 10 月 22 日到 2017 年 1 月 21 日的 Facebook(FB)的股票价格。这个图表
似乎意味着 Facebook 股票价格在 2016 年 11 月 1 日左右崩溃。但是,这是误导性的,因为
*y*
轴的起价为 110 美元而不是 0 美元。
![](
img/671e885cfc22a1ca449c76a07ddacce8.jpg
)
图 17
。4:2016 年 10 月 22 日至 2017 年 1 月 21 日 Facebook(FB)的股票价格。通过显示
*y*
等级的股票价格从 0 美元到 150 美元,这个数字更准确地传递了幅度 2016 年 11 月 1 日左右的 FB 价格下跌
。
图 17
.4:2016 年 10 月 22 日至 2017 年 1 月 21 日的 Facebook(FB)的股票价格。通过在 0 美元到 150 美元的
*y*
轴上展示的股票价格,这个图表更准确地传递了 2016 年 11 月 1 日左右的 FB 价格下跌的幅度
。
图 17.2 和图 17.4 的例子可能表明
条形和阴影区域不能用于表示随时间的微小变化或条件之间的差异,因为我们总是需要画出整条或从 0 开始的区域。但事实并非如此。使用条形或阴影区域来显示条件之间的差异是完全有效的,只要我们明确说明我们显示的差异。例如,我们可以使用条形图来显示 2010 年至 2015 年夏威夷县收入中位数的变化(图 17.5 )。对于除卡拉沃以外的所有县,这一变化不到 5000 美元。 (卡拉沃是一个不同寻常的县,人口不到 100 人,从少数人进出该县可以获得中等收入
的大幅波动。)对于夏威夷县,这种变化是负面的,即 2015 年的收入中位数低于 2010 年。我们通过绘制相反方向的条形来表示负值,即从 0 向下而不是向上延伸。
图 17.2 和图 17.4 的例子可能表明
,条形和阴影区域不能用于表示随时间的微小变化,或条件之间的差异,因为我们总是需要画出整个条形或从 0 开始的区域。但事实并非如此。使用条形或阴影区域来显示条件之间的差异是完全有效的,只要我们明确说明我们显示的差异。例如,我们可以使用条形图来显示 2010 年至 2015 年夏威夷县收入中位数的变化(图 17.5 )。对于除卡拉沃以外的所有县,这一变化不到 5000 美元。 (卡拉沃是一个不同寻常的县,人口不到 100 人,少数人进出该县可能产生收入中位数
的大幅波动。)对于夏威夷县,这种变化是负面的,即 2015 年的收入中位数低于 2010 年。我们通过绘制相反方向的条形来表示负值,即从 0 向下而不是向上延伸。
![](
img/e4c653f1fb8fa6567d87ae7840d83486.jpg
)
图 17
。5:2010 年至 2015 年夏威夷县收入中位数的变化。数据来源:2010 年和 2015 年五年美国
社区调查。
图 17
.5:2010 年至 2015 年夏威夷县收入中位数的变化。数据来源:2010 年和 2015 年美国五年
社区调查。
同样,我们可以将 Facebook 股票价格随时间的变化
与 2016 年 10 月 22 日的临时高点区别开来(图 17.6 )。通过对表示距离高点的距离的区域进行着色,我们可以准确地表示价格下降的绝对值,而不会对价格下降相对于总股价的幅度
做出任何隐含的陈述。
同样,我们可以将 Facebook 股票价格随时间的变化
,绘制为与 2016 年 10 月 22 日的临时峰值的差异(图 17.6 )。通过着色表示与峰值的距离的区域,我们可以准确地表示价格下降的绝对值,而不会对价格下降相对于总股价的幅度,
做出任何隐含的陈述。
![](
img/0cb025d4aba87c06997d261153977a46.jpg
)
图 17.6:Facebook(FB)股票价格相对于 2016 年 10 月 22 日价格的损失。2016 年 11 月 1 日至 2017 年 1 月 1 日期间,价格比
10 月份的高点低约 15 美元。2016 年 1 月 22 日
。但随后价格在 2017 年 1 月开始复苏。
图 17.6:Facebook(FB)股票价格相对于 2016 年 10 月 22 日价格的损失。2016 年 11 月 1 日至 2017 年 1 月 1 日期间,价格比
2016 年 10 月 22 日的峰值低了约 15 美元
。但随后价格在 2017 年 1 月开始复苏。
## 17.2 沿对数轴的可视化
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录