传达完整性的图表/ 100%


9

我想知道是否还有其他类似的直观方法可以使图表上的某些部分可视化为完整 / 完整 / 总和达到100%。可能最常用和最易理解的是一个圆圈,因为起点和终点相互接触,但似乎有点..过度使用。

寻找其他方式会很高兴。这是一个带有构想的简要草图;而1相通完整性,2并没有真正的。但是3吗?还有其他方法吗?

在此处输入图片说明

Answers:


17

tldr; 您所说的是“ 部分到整个关系 ”,这是当前使用的大多数技术。

选择基于什么可视化方法的消息你想带出的你想显示的数据然后风格的它,你要多(是非常小心地在理解实际的数据和消息的方式没有得到)。

可以使用任何图像并将其切成适当大小的块,但是要小心-选择一个看起来很酷的图像或样式然后尝试强制放入不适合它的数据是一个非常普遍的错误。最终的结果乍一看似乎是积极的,但实际上没有用:人们回答“酷,这看起来很有趣!这是什么意思?……嗯,认真地讲,这是什么意思?!嗯……嗯”。许多人甚至都不愿承认他们只是“不懂”。选择可以使用的功能强大的产品,然后使其看起来很酷(不破坏它)。


您所说的在数据可视化世界中被称为“部分对整个”关系。这是来自visual.ly的关于该主题博客文章

它列出的示例是:

饼状图...

...可以缩放以指示总金额。


在此处输入图片说明

饼图(实际上,大多数类型的图表都适合于部分对整个的关系,尤其是基于面积而不是长度的任何图表)从纯粹主义者那里得到了坚持,因为很难看到小的差异或进行纯粹的数值比较(例如“ X几乎是Y的两倍”)-但是,如果您的关注重点和可视化原因是要传达零件与整个零件的关系,并且您包括实际数字,那很好。准确的数字比较,没有什么比实际数字更好。


树图

矩形区域,分为多个块(有时还包括子块)。

他们的例子有点丑陋,有可能使树形图看起来比这好得多,但可以很好地理解这个想法:

在此处输入图片说明

注意树形图,要做好它们并不容易。具有逻辑顺序(从大到小)很有帮助。


Sankey图

为了显示具有整体对整体关系的“流程”(他们的示例很烂,这里有一个更具说明性的简单示例):

在此处输入图片说明

...以及更复杂的一个:

在此处输入图片说明


堆积条形图,堆积面积和“平行排列”图表

用于在等效整体/集合之间进行比较,或者用于切片整体或组织集合的不同方式。“ Parrallel集”图表基本上是堆叠的条形图,使用连接而不是一致的顺序来显示在各组之间移动时的等效性。

在此处输入图片说明 在此处输入图片说明 在此处输入图片说明


对于一般的“还有什么”问题-当然,如果您能够将形状准确地分成适当大小的块,则可以使用任何形状-但要非常谨慎地牺牲要尝试的信息的清晰度展示以尝试装饰它。

如果信息本身在上下文中不够有趣,则可能是您设置的信息或上下文存在问题,而不是数据表示方法。作为一般规则,请首先确保您的意思清楚,然后再使其美观。饼图之所以受欢迎,是因为人们只要使用得当,人们就会“得到”它们。直观性的代价是很难准确看到细微的差异,并且它们变成了一个可怕的混乱局面,包含超过7个细分(这是树形图可以更好的地方)。

“甜甜圈”图表是使饼图更加有趣的一种流行方法。它们同样清晰(可以说更加清晰,因为对于按块大小还是按角度进行比较没有歧义),它为您提供了玩耍的空间,可以添加文本,标签,图标等。

在此处输入图片说明

永远不要忘记约定是非常非常有价值的事情-读者获得可视化工作原理的速度越快,他们花在专注于消息含义上的时间就越多,而他们花费大量的时间来尝试解码您的媒体内容的时间就越少信息。

信号更多,噪音更少


哦,另外一个是免费的:-)

朝阳图

层次结构(如树形图)是圆形的,但是相反的,因此,层次结构的“叶”比“树干”具有更多的空间和注意力)。这是显示咖啡味道的示例:

在此处输入图片说明

只是为了表明不是沉闷或不熟悉的圈子,重要的是您对他们的处理:-)

在此处输入图片说明


7
请尝试并做得更彻底:)
斯科特(Scott)
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.