首发于AntV
【独家揭秘2】2020 SEE Conf 可视化工作坊(进阶篇)

【独家揭秘2】2020 SEE Conf 可视化工作坊(进阶篇)

【独家揭秘】2020 SEE Conf 可视化工作坊有趣又专业,带你细细领略神秘内容。

由于内容较多,所以分为两篇介绍:

  • 实战篇 ↓↓↓↓↓↓↓↓↓
刘大拐弯儿:【独家揭秘】2020 SEE Conf 可视化工作坊有趣又专业,带你细细领略神秘内容(实战篇)zhuanlan.zhihu.com图标
  • 进阶篇

很多人问工作坊中提供的课件「让天下没有难做的图表」在哪里购买。

现在官方购买地址已经出炉了:

可戳链接 :t.cn/AisKuVdB

也可扫码购买:



上一回说到,顾倾(笔者)和 @Moonland 幕阑 两位讲师带着大家进行了预热和实战环节,那么这一篇「进阶」,由 @完白 主讲,解析「实战篇」大家拿到的数据,如何让这份数据栩栩如生地通过可视化形式呈现出来,以及和大家分享这几年 AntV 设计小组积累的经验。

回顾一下实战篇提供的这份电影数据


回顾一下上一个环节提供的目标,讲师进行了自己的勾选。

完白讲解中


那么根据以上目标,选择一个条形图类型,通常会得出以下图表 ↓ :


但是很明显,这张图表并不符合我们所说的「用数据讲故事」,因为一个好的故事需要以下几个要素:


这是需要我们再次观察一下数据,讲之前的评分数据更换成排名数据 ,这样就看得出有一些戏剧冲突了。


在工作坊课件中,我们提供了一个图表的决策树,可以看到表示「n组数据」且表示对比的,可以使用分组或区间条形图,去对比两组数据的差值。


使用分组条形图,阅读者需要人肉比较差值的大小,可以看出差异值越大,IMDb 与 豆瓣,偏好差异越大。


使用视觉通道中长度来映射差异值,这样的效果会更明显


再加上色调这个视觉通道,映射 Imdb 和豆瓣的品牌色。


加上图例和副标题文本解读,再标注出数据来源,一张完整的交互态图表完成了。


红色 差值表示豆瓣排名高,绿色 差值表示 IMDb 排名⾼。

从影片类型来看,中国观众更愿意给情感饱满的电影打高分,同时更喜欢大场面的动作片,而国外观众则更客观一些,他们对科幻、改编类的电影接受度比国人要高很多。


一张图表是需要为阅读者服务的,那么作为阅读者,你解读出了什么呢?


你想要用户看到什么?取决于他能看到什么。好的图表会说话,自圆其说:


在工作坊提供的教具中,有一部分是「分析模型」,这个一个来自IBM的通用分析模型,通常来说,我们看一个图,或者一个问题,会分五步反问自己。


其实讲师带着大家走一遍「用设计讲故事」的过程,其中应用的所有思路,它们整体构成了一张工具海报,liven data lively. 让数据栩栩如生,我们私下叫它“让天下没有难画的图表”。



讲师和志愿者会后合照,前方有御术出没...

欢迎大家扫码加入 AntV 可视化设计大家庭,一起交流切磋,让我们的热爱一起发光~


了解更多:

AntV — 蚂蚁金服旗下开源的可视化解决方案

Chartcube — 在线图表工具,制作图表从未如此简单

Kitchen — Sketch 智能设计工具集,10 秒画出优雅图表

数据可视化设计,欢迎持续关注。


刚刚举办的 SEE Conf 大会,更多精彩请戳 ↓

参加第三届蚂蚁体验科技大会 SEE Conf 2020 是什么体验?www.zhihu.com图标

编辑于 01-11

文章被以下专栏收录