教程分享 | 掌握这15种表现形式,轻松做好数据对比图!

Recommanded by editor
上海/设计爱好者/5年前/7841浏览
教程分享 | 掌握这15种表现形式,轻松做好数据对比图!Recommanded by editor

当我们遇到对比数据时,应该怎么做可视化图!

生活中我们会遇到各种各样的数据对比!

比如小米10周年,雷军将小米和格力在2013-2019年的营收做了对比!

这种图就叫做数据对比图!


因为是静态展示的结果,如果想看过程,我们还可以优化下让这张图动起来,比如下面我优化的这张!



我们言归正传,正式进入今天的输出环节,给大家讲讲:


当我们要做多类别数据对比时,有哪些表现形式可以用?


有哪些小窍门,可以让我们的数据对比图表更加直观好看?


一 做数据对比可参考这15种表现形式


1、 线条连线对比法

适用于有相同字段的几个类别数据的对比,将要进行对比的数据分别打点,然后进行线条的连接,通过看线条的长短,可以比较直观地看到各类别数据的变化和差异。


2、水平刻度标记对比法

将要对比的数据,标记在同一根刻度线上对应的位置,通过前后距离的差距来对比数据。


3、方块大小对比法

通过对比方块的面积大小,来对比数据之间的大小差距,如果数值本身差距很小,不建议用方块大小对比法,可更改为其他形式进行对比。


4、 圆圈大小对比法

将对比的数据通过圆圈大小的形式进行展现,来对比数据之间的差距。同理,如果数值差距比较小,也不太建议用这种形式,因为会看不出啥太大的差异。你平时看到的那些数值差距不大但两个圆看起来还悬殊的图,大概率都是做了点手脚放大了差异。


5、线条粗细连线对比法(桑基图)

这个一般会在要同时比较和展示一组数据的多个维度统计表现时使用,叫作桑基图,通过线条颜色的对比,还有连接走势和粗细的变化,能轻松看出这组数据在各个维度的统计情况。


6、弧形连接对比法

适合对一个类别中不同数据进行对比,先在轴上进行打点,再对能展现数据大小的起始两个点进行弧线连接,通过弧线更直观和形象地来表现数据的差异。


7、颜色填充法

用颜色的深浅来表现数据大小,将数据投映到颜色,直观地表现数据之间的对比。


8、地理分布对比法

如果要比较地理位置分布差异,数据中包含地理位置信息数据,可通过位置的分布,颜色的分类,来进行对比。


9、柱状图上下、左右分布对比法

如果是基础柱状图的对比,除了excel可以自动生成的对比样式,还可将类别名字段置于布局的中间位置,将要对比的两个类别数据分别置于类别名的左右或上下,进行数据之间的对比。注意,不要共用一根坐标轴,一根坐标轴的两侧应为正和负。


10、折线对比法

通过线条的颜色的区分和走势对比数据之间的变化趋势,很基础的一种方式了。


11、散点分布对比法

如果想看两种多维数据的分布规律,可使用散点图的形式,通过区分颜色来对比数据之间的差异变化。


12、雷达数据分布对比法

如果要具体看各个指标、数据维度之间的对比,可通过雷达图的形式,通过线条在各个指标、维度之间的走势变化进行数据的对比。


13、图形数量对比法

柱状图或面积图对比的一种优化,用图形组合(矩形、圆形、主题icon等)来替代原本的柱子或面积色块,用不同颜色/形状的图形数量,来进行数据之间的对比。


14、罗列对比法

如果数据中所包含的类别对比数据信息非常的多,那么就可以通过表格罗列的形式,将对比的数据进行罗列展示。这样的信息传达虽稍丢失了些视觉上的美观度,但是信息的理解表达上却是非常直观的。因为大家无论是网上购物看商品详情的具体参数时,还是购物时的给的小票,其实这些都是表格的罗列信息,并且这也是大众习以为常很容易接受的一种对比表现形式。

也可以将品牌或商品的实景图和具体参数数据相结合,来对比商品之间的差异。


15、组合信息对比法

和表格罗列对比法很类似,只不过组合信息对比法,会通过排版布局和多种数据表现形式的组合,对数据之间的差异进行对比。


二 做好对比数据的一些小窍门


对比数据的表现形式还有很多很多,这里就不一一列举了.

但做对比数据时,我们可以掌握一些小窍门或者通用的方法,这样可以让你做对比数据时很快上手!


1、布局


大家都会做柱状图,在排版布局上,大家习惯了excel自动生成给出的布局,不同类别的数紧密靠在一起。但其实有时候,当数据差距比较大的时候,可以大胆使用上下布局、左右布局的方法,通过排兵布阵方位的对立变化,强化数据之间的对比呈现。



2、配色


如果对比的数据是品牌之间的数据对比,比如《网易严选 VS 无印良品》、《肯德基 VS麦当劳》等等,那么我们就可以用大众辨识度很高的品牌色做为配色,还可以加品牌LOGO。



如果没有现成的颜色,最好选用本身对比就很强的两个颜色来表现差异,比如使用色相环角度在120° - 180°之间的对比色。



3、让数据动起来


我们还可以通过动态展示的形式,将数据发展过程中的对比展示出来,读者就像观看了一场电影一样,共同见证了对比的变化过程,比如DT在文章和短视频中都经常推送的动态柱状图、动态折线图和动态地图。



4、拆分


如果数据中包含了多个维度的对比,比如下图中,既包含了时间维度的对比,同时也包含了类别之间的对比,那么可根据类别将整体拆分成单独的图,在将拆分后的图,再合并成一个整体来处理。




掌握我推荐的15种对比数据表现形式,和4种对比数据的小窍门。

当你在遇到对比数据时,同样也可以做成漂亮的对比数据图!


如果你觉得这篇文章让你有收获,欢迎【点赞】【评论】【分享和转发】!

85
阅读原文
|
Report
|
202
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
教程
教程
教程
教程
作品收藏夹
汇报ppt
汇报ppt
汇报ppt
汇报ppt
作品收藏夹
工具
工具
工具
工具
作品收藏夹
UX
UX
UX
UX
作品收藏夹
厉害的文章
厉害的文章
厉害的文章
厉害的文章
作品收藏夹
大家都在看
Log in