数据可视化设计经验分享:深度剖析可视化图表组成,让数据变得简单

好的数据可视化图表集易于阅读、易于分析、清晰美观、突出数据价值为一体。最终目的是让数据变得更加简单,方便交流。反之,一个质量较差的数据可视化图表不仅让数据变得更复杂,而且还会带来错误诱导。因此,在设计图表时,我们需考虑如何让数据分析变得简单,从而大大提高用户的工作效率。

然而,在实际工作中会发现很多时候我们对于图表设计并不是很了解,如何简化图表信息?如何能让可视化图表令人眼前一亮又不模糊焦点呢?

今天小编就带大家以可视化互动平台的图表为例,从图表的组成、元素简化等几个角度,聊聊怎么用好数据图表

首先图表的组成(以基本柱状图为例),我们来拆分一下可视化图表的组成。

当我们把图表的结构进行拆解后,就会发现一个图表是由很多个细小构件组成的,这些构件有自己的名字和用途,分别是标题、轴、图形、图例、工具栏、提示信息等而在我们平常使用的过程中,会根据场景去修饰删减一些构件元素,以此来减少冗余信息,帮助用户快速达成目标,在最少的时间内获取更多的信息。

1、标题:

一个明确、相符的标题可以迅速让读者理解图表要表达的内容。当然标题是根据图表所需要表达的内容决定的,很多时候我们可能认为命名没有太多问题。建议在概括图表内容的标题中加入结论性的信息点,这样能够减少读者误解你的意图的可能,而且能够确保他们将注意力集中于你想着重强调的数据上。

我们在实际设计过程中可以直接点击属性,图例标题,直接输入修改即可(如图)。

  1. 图形

图形是统计图表的视觉通道在形状上映射的视觉展现,是图表的必备元素,承载着数据背后蕴含的信息。按照组件来定义现在千奇百怪的图表,大致可以分为六种基础样式:折线,面积,散点,气泡,饼/环,柱形,条形。

在设计过程中,可以直接使用工具栏直接对图形进行修改转换(如图)。

3、轴

轴的功能像是把可视化对象置于共同的基准上,再以标尺进行数值量测。轴线一般只考虑是否显示,有时候可能这个轴线的信息不重要,这个大家可以结合实际情况,看是隐藏轴线,以达到信息降噪,突出视觉重点的目的。

   在设计过程中我们可以直接点击按扭显示或隐藏(如下图)。

4、图例

图例是对图形本身的概括,在图表元素中属于辅助内容。它提供读者以对照的方式来理解可视化对象的项目归类。由映射图形形状和文本组成。

在设计过程中我们需要对图例的文本说明进行修改,点击右侧菜单,数据,可以在简单模式下直接点击修改即可。

   当然也可以选择在专业模式下进行修改,修改完成,点击刷新即可。

5、工具标栏

通过工具栏可以实现图表类型快速的切换,使用起来方便快捷。设计完成后,可以把它隐藏起来,这样可以让图表展示更清晰,简化。

在设计过程中我们可以直接点击按扭显示或隐藏(如下图)。

  1. 提示信息

提示信息一般是tap或者hover的时候,图表以交互的方式吐出该位置的数据,帮助用户更深入的了解数据。

通过介绍我们需要注意一下:

1、最核心的问题就是要针对数据报表需要表达的点来选择合适的可视化图表类型。

2、对可视化图表的外观进行必要的修饰,简化,这是专业的一种体现,更重要的可以帮助读者更好地理解图表所要传达的信息。

下面是小编通过公司财务数据报表所做的可视化大屏,通过隐藏或者修改图表信息元素来简化可视化图表的展示效果,让图表展示更直接,减少冗余信息,快速达成需要展现的目标,在最少的时间内获取更多的信息。

看到这里,如此简单轻松就能操作的可视化工具难道你不想试用一下吗?赶快收藏并关注我们吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值