二:「时序数据」与「比例数据」可视化(20191118-24)

0x00 可视化图表选择

0x01 时序数据可视化

时序数据,是指任何随着时间而变化的数据。

要进行时序数据的可视化,我们首先需要了解「时间」所具有的特征:

有序性:时间都是有序的,事件之间有先后顺序。

周期性:许多自然或商业现象都具有循环规律,如季节等周期性的循环。

结构性:时间的尺度可以按照年、季度、月、日、小时、分钟、秒等去切割。

「时间数据」按是否连续可分为:离散型时间连续型时间两类,时间类型的差异决定了图表的表现形式也不同。

1.1. 离散时间的可视化

离散时间:数据来源于具体的时间点或者时间段,且时间数据的可能取值是有限的。

对于分布在离散时间的数据的可视化,可以采用柱状图、堆叠柱状图、散点图来表示,下面分别来看下三种图形来进行离散时间可视化的适用场景和不适用场景。

(1)单一柱状图

1)适用场景

适合表示离散时间数据的趋势,且数据条个数一般不超过12条。

适用于单类别数据的时间趋势表示,即系列值单一的数据。

2)不适用场景

不适合展示连续时间的变化趋势。

不适合数据条过多的离散时间的趋势展示。

(2)并列柱状图

单一柱状图,是表示某一系列数值在离散时间上的可视化方式。当需要对比某一离散时间上的多个系列,以及展示随时间的变化趋势时,并列柱状图是一种选择。

但是要注意一点,并列柱状图的属性系列,通常不能超过3条,否则图表横向空间会比较拥挤,展示的效果也不好。

(3)堆叠柱状图

单一柱状图,是表示各个离散时间点总体数值的一个方式。但是,当我们想知道各个离散时间点总体的构成部分,是如何随着时间而变化的,这个时候,就需要引入堆叠柱状图。

堆叠柱状图,按照堆叠的部分,展示的是实际体量还是相对体量,可以分为两类:

普通堆叠柱状图:展示实际体量

百分比堆叠柱状图:展示相对体量

1)普通堆叠柱状图

普通堆叠柱状图,整体的构成部分,最好不要超过5项。若实际构成项大于5个时,需要做适当的归类,以保证图表重点突出。

2)百分比堆叠柱状图

占比随时间的变化情况,这个时候就可以使用百分比堆叠柱状图。

(3)散点图

散点图,通常用来表示两个变量间的相关关系。在表示离散时间数据时,其表达的是某一变量随时间的变化关系

柱状图是用高度作为数值的映射,而散点图则是用位置来作为数值的视觉通道。

当有多个系列时,不适合用散点图来表示时间趋势,因为多个系列的圆点同时出现时,很难将其中某个系列视为⼀一个整体,比较起来很吃力。此时除了把颜⾊作为映射的视觉通道之外,也可以给各个系列选择不同的数据标记,如正方形、圆、三角形、菱形等。

1.2. 连续时间

连续型数据和离散型数据,在数据结构上并没有差别,区别在于它们所反映的真实世界的数据是否是不断变化的。

(1)折线图

折线图用于显示数据在一个连续的时间间隔或者时间跨度上的变化。在折线图中,一般水平轴(X轴)用来表示时间的推移,并且间隔相同;而垂直轴(Y轴)代表不同时刻的数据的大小。

折线图主要包括三类:点线图、折线图、曲线图。

点线图:当数据集中的数据项有限,不超过12个时,采用此种点线图比较合适。有时候,对应日期的数据点上方,会直接显示数值。

折线图:当数据集中的数据项比较多,大于12条时,采用点线图,会让整条线上的点很密集,影响看数据的趋势,此时采用折线图是不错的选择。

曲线图:相比于折线图,曲线图相邻节点的连线更加平滑,可视化效果也更加美观。

从点线图中,可以观察出4种趋势:长期性趋势、季节性趋势、周期性趋势、不规则波动

(2)阶梯图

阶梯图常用来表示,某两个相邻的时间节点,后一个节点的数据相对于前一个节点数据的升降变化,常用于商品价格变动、股票价格波动、税率变化等场景中。

在阶梯图中,有三个关键的值:

a.前一时间节点数值;b.当前时间节点数值;c.当前节点较前一节点的差值

(3)拟合曲线图

若我们想要研究数据随时间的变化所表现出来的整体趋势时,可以根据多个离散点(T1,D1)、(T2,D2)....、(Tn,Dn),拟合一个最接近的一个连续函数关系。

0x02 比例型数据可视化

比例数据,通常是按照类别、子类别、群体进行的划分。对于比例型数据,我们进行可视化的目的,是为了寻找整体中的最大值、最小值、整体的构成分布、以及各部分之间的相对关系。

2.1.饼图

当构成整体的数据项较少时,采用饼图是一种不错的选择,饼图是通过角度来映射各类别对应的数值。

但是,现实的数据情况是,一个维度下的属性值数量,通常会比较多,如果在饼图中全部展示出来,一方面会使整个饼图显得杂乱,没有重点,另一方面也失去了可视化的美感。

因此,对于饼图来说,建议扇区个数最大值在5~7个之间。当数据项超过一定数量时,可以按照占比,把排名最末的几项归位「其他」。

饼图中最大可展示的分类项个数可以根据实际情况确定,但是对于一个数据产品内部,建议标准统一,这样前后端会在进行数据、前端开发工作时,可以进行标准化,提高复用性和开发效率。

2.2.环形图

饼图通过各扇区角度去映射各分类项对应的数值,「环形图」则通过各弧形的长度来衡量数值。环形图中心部位是空的,可以放置标签、整体数值、平均数值或其他内容。环形图中,数据项的分类和饼图类似。

2.3.百分比堆叠柱状图

当比例数据中存在多个父系列,每个父系列又由多个子类构成,且各个系列的子类相同时,此时展示比例数据,可以采用百分比堆叠柱状图。

各个系列对应的柱形条的高度是相同的,顶部刻度都为100%。

每根柱形条内部,各子项柱形条的高度,代表在该系列中的占比

当各系列的子类数目较少时,可以直接在矩形内部展示占比;当数目较多时,建议隐藏。

当各系列的子类目较多时,为了保证重点突出和视觉效果,需要对子类目进行归类,归类方法参照饼图。

2.4.百分比堆叠面积图

当比例数据中存在多个父系列,且父系列的数据类型为时间,要分析父系列的各构成部分占比随时间的变化趋势,此时可以采用堆叠面积图来表示比例关系的变化。

如果从某一点上对堆叠面积图进行垂直切片,那么就可以得到该时间段上的比例分布情况。

2.5.矩形树图

矩形树图,是一种基于面积的可视化方法。外部矩形代表父级类别,内部矩形代表子类别。相比于其他表示比例型的数据,矩形树图更适合展示具有树状结构的数据。

树状结构,简单理解,就是首先按一级分类来观测各构成部分的比例,然后再看某个一级分类下,是由哪些二级分类构成的,依次类推,逐步细化,可以直到叶子结点。

若用矩形树图来表示具有多个层级结构的比例数据,通常需要使用一些交互方式来辅助数据的展示。比如,单击对应区块进行下钻,悬停展示具体数值和比例,使用面包屑进行层级的跳转等。

0x03 小结

在可视化图表选择之初,我们首先要明确的是,我们希望从图表中获取什么信息。然后,根据数据的特征、数据之间的关系,选择合适的可视化图表。

如上所述:

时序数据,主要目的是研究数据随时间的变化,这种变化包括总量的变化、构成部分的变化、以及变化的趋势和规律

比例数据,区别于其他数据类型的一个关键,在于它是为了寻求整体中的各个构成部分,及其相互关系

0x04 作业

4.1「时序数据」和「比例数据」的可视化图表选型,(思维导图或者决策树的形式)。


4.2.本周对「时序数据」和「比例数据」分别提供了两组数据集,大家需要在指出分别适合用什么图表来展示。

问题1: 展示2018年全年的销售额整体趋势情况,以及不同品类销售额的发展趋势,应该用什么图表展示?

因为探究的是5个子系列(12个月)的发展趋势,数据项较多,并不适合使用柱状图,折线图较为合适。


问题2: 展示某只股票的价格变动,应该使用什么图表?

因为需要展示股票的变动(两个相邻节点的数据差值),阶梯图较为合适。

问题3:展示某日,该快递公司的寄件单的揽收时效分布及其占比情况,应该使用什么图表?

因为展示的是其分布及占比情况,而数据项较少,使用饼图最为简洁。


问题4:既要对比同一公司内部,不同流向的包裹的承运量占比;又想对比不同快递公司之间,同一流向的包裹承运量的占比差异,应该用什么图表?

因为对比的是6个公司(系列)内部3个流向(子类)的占比,使用百分比堆叠柱状图较为合适。

4.3数据集,利用可视化工具,进行实践。

参考阅读:

1.《如何优雅地选择数据图表:时序数据和比例型数据!

2.《鲜活的数据》这本书的第4章P73和第5章P111。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容