嵌套饼图_旭日图的效率，高到饼图都羡慕｜图表家族#21

在展示占比情况时&＃xff0c;饼图是我们最常用的选择。但是&＃xff0c;饼图只能展示单层数据的占比情况&＃xff0c;在面对多层级数据时&＃xff0c;我们真的要用10个饼图进行可视化吗&＃xff1f;不用挠头苦思&＃xff0c;今天我们就来看看多个饼图的组合升级版——旭日图是怎么进行数据可视化的。

集万千饼图于一身

你们有看到围绕着太阳的那一圈彩色光环吗&＃xff1f;这是日晕&＃xff08;Solar Halo&＃xff09;&＃xff0c;又叫圆虹&＃xff0c;是日光通过卷层云时&＃xff0c;由冰晶折射或反射形成的。旭日图的样子与这种天文气象长得很像&＃xff0c;但圆环日晕通常只有一层&＃xff0c;而旭日图的“日晕”则可以根据数据的层次关系数量层层叠加上去。

来源&＃xff1a;The Data Visualisation Catalogue

旭日图&＃xff08;Sunburst Chart&＃xff09;是饼图的变形&＃xff0c;简单来说是多个饼图的组合升级版。饼图只能展示一层数据的占比情况&＃xff0c;而旭日图不仅可以展示数据的占比情况&＃xff0c;还能厘清多级数据之间的关系。

在旭日图中&＃xff0c;一个圆环代表一个层级的分类数据&＃xff0c;一个环块所代表的数值可以体现该数据在同层级数据中的占比。一般情况下&＃xff0c;内层数据是相邻的外层数据的父类别&＃xff0c;最内层圆环的分类级别最高&＃xff0c;越往外&＃xff0c;分类越细越具体。

一层一层剥开TA的心

旭日图中的“环”承载了大量带有层级关系的数据&＃xff0c;层层嵌套&＃xff0c;环环相扣&＃xff0c;我们乍一看似乎很难读懂它的心。但其实只要我们多点耐心&＃xff0c;就能发现旭日图在可视化这类数据时&＃xff0c;真的有化繁为简的魔力。

最基础的旭日图是在树状图的基础上&＃xff0c;把树状的层级关系转化为圆环的形式。相较于树状图&＃xff0c;旭日图的圆形结构更节约空间。例如&＃xff0c;美国专业咖啡协会用旭日图&＃xff0c;清晰地描述了咖啡的味道。

协会按照咖啡的“香”与“味”对咖啡的味道进行了分类&＃xff0c;其中&＃xff0c;味道被分为酸、甜、咸、苦&＃xff0c;苦味又可以分为单纯的苦味和带辛辣的苦味&＃xff0c;带辛辣的苦味又可以再分类……这种分类数据没有数值&＃xff0c;因此在旭日图上&＃xff0c;同一层的各环块弧长都是相等的&＃xff0c;且不代表任何的数值。

在增加了交互功能之后&＃xff0c;旭日图每一层的数据关系能更加清楚地展现出来。

点击“香”的环块&＃xff0c;环块就能延展到100%&＃xff0c;同时代表“味”的环块会被收缩隐藏。这种交互不仅能把外层的、环块小的分类清晰地展现出来&＃xff0c;而且可以很好地解决我们经常提到的“分类数据过多会使图表的易读性下降”的问题。

当每个分类数据都拥有具体数值时&＃xff0c;我们可以通过环块的角度比较数值的大小。下图是全球十大温室气体排放国家的温室气体排放情况。它运用了与“咖啡风味旭日图”相同的交互方式&＃xff0c;通过点击“中国”的环块&＃xff0c;我们能在全局视角下看到中国在“能量”领域排放的温室气体最多&＃xff0c;占到全球温室气体排放的19.98%。

当每个环块都表示具体数值时&＃xff0c;旭日图的交互功能就显得异常重要。大量数据如果不通过交互方式展示出来&＃xff0c;而是直接标记在图表上&＃xff0c;就会像下图一样&＃xff0c;让图表显得凌乱&＃xff0c;数据也很难看清。

除了“咖啡风味”和“全球温室气体”所用到的&＃xff0c;通过点击拓展的交互方式之外&＃xff0c;常见的还有通过鼠标悬浮凸显环块颜色的交互。下图是圣裘德儿童研究医院基于3347位患癌儿童的患病情况&＃xff0c;分析了他们所患的17种癌症情况。

这17种癌症位于旭日图的第二层&＃xff0c;分别属于造血系统恶性肿瘤&＃xff08;红色&＃xff09;、固体肿瘤&＃xff08;黄色&＃xff09;和脑肿瘤&＃xff08;蓝色&＃xff09;三种癌症类型&＃xff0c;其中患造血系统恶性肿瘤的比重最大&＃xff0c;有46.2%。第三层则为引起癌症的不同原因占比情况。

当鼠标移动到环块上时&＃xff0c;被查看的环块颜色会被突出&＃xff0c;其他则变成统一的灰色。同时&＃xff0c;利用旭日图的“空心”&＃xff0c;可以清晰地展示每个分类数据的具体数值和含义。在交互功能的加持下&＃xff0c;旭日图可以更加顺畅和清晰地展示大量数据。

展示层级数据的好伙伴

旭日图虽然是一个多级饼图&＃xff0c;但在展示层级关系这一点上&＃xff0c;与矩形树图非常相似。

不同于矩形树图&＃xff0c;旭日图能把没有权重关系的层级关系清晰地展示出来&＃xff0c;且可容纳的层级关系更多。除此之外&＃xff0c;旭日图允许“缺口”存在。不同分类数据下&＃xff0c;每一层的数据可以不用再细分&＃xff0c;即旭日图的每个圆环不一定是完整的。可以说&＃xff0c;在可视化层级数据方面&＃xff0c;旭日图和矩形树图都表现优秀&＃xff0c;而旭日图的适用范围要比矩形树图略大。

肩负可视化大量层级数据重任的旭日图&＃xff0c;其实用起来也很简单。镝数刚上线的“旭日图”不仅复制粘贴数据就能用&＃xff0c;而且还有交互buff加持&＃xff0c;就连配色方案我们也为你准备好了。有了它&＃xff0c;你再也不用担心数据太多&＃xff0c;看不清占比关系啦&＃xff01;点击“阅读原文”&＃xff0c;领走这个会跟你亲密互动的小伙伴&＃xff0c;让你的海量数据变得灵动起来&＃xff01;

好了&＃xff0c;今天的分享就到这里。登陆镝数--数据查找与可视化平台&＃xff0c;无需编程&＃xff0c;即可轻松试用这个炫酷的交互效果&＃xff01;

赶快来镝数试试吧&＃xff01;

如果还想知道图表的相关知识&＃xff0c;可参看往期图表家族&＃xff1a;

小镝同学&＃xff1a;董明珠每天打扮不超过五分钟&＃xff0c;你的五分钟能做些什么&＃xff1f;​zhuanlan.zhihu.com小镝同学&＃xff1a;高考特刊&＃xff1a;面对“可视化图表考题”&＃xff0c;我们镝数给出了这样的答卷​zhuanlan.zhihu.com小镝同学&＃xff1a;柱状图用腻了&＃xff1f;玉玦图给你更美的数据呈现&＃xff5c;图表家族#25​zhuanlan.zhihu.com小镝同学&＃xff1a;浮生一日&＃xff1a;美国人的一天和你的有什么不同&＃xff1f;​zhuanlan.zhihu.com

我们下期见&＃xff01;