查看原文
其他

弹幕、词云、面积图,最全文字可视化教程来啦!

想喝咖啡的课代表 澎湃美数课 2021-07-30

大家好,课代表今天带了一款新开发的小玩具来上课啦!

之前课代表带给大家的教程多是围绕数字的可视化,今天我们想来讲讲文字如何实现可视化。

一般来说,相比冗长的文字,色彩斑斓的图片都更吸引人。但文字也可以在不丢失本身意义的基础上进行可视化表达。

在课代表以前的这篇《盘点:2019年最好看的数据可视化作品都在这》盘点中,就有一个单元主题叫“字太多还是可以很美”,呈现了一些优秀的文字可视化作品:

⌂ 图 Cath Sleeman


  ⌂ 图 KEVIN QUEALY

 

能看到,优秀的可视化方案可以让长长的文字变得不再难读

课代表接下来就根据文字的多少来介绍一些可视化方法。另外,带来的这款美数课新做的小玩具也和文字可视化有关,好奇的同学可以直接拖到文章最后。

准备好了吗?今天提到的工具有点多哟~



先从字少的来。

✧✧

少量词句,面积图足矣

当文字并不多的时候,我们可以用树状图、气泡图、沃罗诺伊树状图,甚至是不规则图形来可视化,这些合称为面积法,也就是用面积来表达文字数量的多少。

       

▨ 方案:树状图
▨ 工具:Excel / RawGraphs 等
▨ 方案:气泡图
▨ 工具:Adobe Illstrator 等
以上两种都很常见,在这基础上还有更丰富的可视化方案。例如将树状图和沃罗诺伊图结合起来就是沃罗诺伊树状图,还记得怎么做吗?这是课代表带来的第一节课。(忘记的同学可以戳这里
▨ 方案:沃罗诺伊树状图

▨ 工具:PlotDB

气泡图也可以用各种图形替代,例如方块。需要注意的是,数字代表的是面积,所以作图时需要给数据开根号后,作为边长来可视化。

▨ 方案:气泡图变形

▨ 工具:Adobe Illstrator 等

除了规则的图形,还可以根据主题采用其他图形。例如美数课之前做过的一篇关于抑郁症的稿子,我们用散落的花瓣来代表词汇的被提及次数。

       
▨ 方案:不规则图案
▨ 工具:Processing

以上这些针对的是字并不多的情况,如果有几百个词要可视化怎么办?

那就上词云大法。

词云,专为文字可视化而生
▨ 方案:词云
▨ 工具:WORD ART 等

对于很多人来说,词云绝对是一种熟悉的文字可视化方法。做词云的工具也有很多,微词云、Word Art、WordItOut……课代表可以列一长串。

工具没有先后之分,只要能实现想要的效果就OK。课代表这里仅以 Word Art 为例演示如何制作。

▼ Step 1 :打开 WORD ART ( https://wordart.com/ ),点击 【CREATE NOW】进入操作界面。


▼ Step 2 :点击【Import】把数据贴到表格里,记得要点击【CSV format】这个选项哟。


▼ Step 3 :点击【FONTS】上传一款汉字字体。合适的字体可以为我们的词云加分不少,课代表这里用的是苹方粗体。

▼ Step 4 :为了让词云和我们的主题更搭,还可以点击【SHAPES】设置它的形状。

▼ Step 5 :接着点击【STYLE】给词云选一组配色。最后按红色的【Visualize】,大功告成!


不过,大家在使用词云这种可视化形式的时候,一定要注意形状,有些奇形怪状的样式真的不适合🤦‍♀️。另外一些词特别多的情况也不适合词云。

 

当然,有时候即使不加词频、形状这些效果,简简单单排一个文字墙,效果说不定也能意外的不错。

▨ 方案:文字墙

▨ 工具:Adobe Illstrator

前面介绍了文字少和文字多的可视化方案,那要是文字特别多的怎么办?要把成百上千字的内容都放进一张图里难度还是挺不小的。

别慌,我们还有弹幕。

✧✧

内容太多,弹幕来做

▨ 方案:弹幕

▨ 工具:Adobe Effect/Adobe Photoshop等

常看弹幕的同学肯定很熟悉弹幕式的划过,它能让文本更具有动感。如果你不需要展示所有文字的详细内容,那么这种一晃而过的形式会是一种很不错的选择

不过,目前用这种可视化方案的例子并不多见,可能是制作它的时间太长了。

课代表从制作上面这张动图的同学那儿了解了生产步骤:先用词云网站做好一张词云,然后用 PS 把每一个单独的句子扣出来,接着再将图层导入AE中,利用关键帧工具制作出滚动效果,最后加一个对话框的遮罩。

整个过程还很费时,而且还考验耐心,同学说做了2个小时,主要是抠图太费时了。(课代表流下了理解的泪水😭)

于是,课代表给大家带来了一款轻巧易用的弹幕生成器。

▨ 网址:

http://projects.thepaper.cn/thepaper-cases/839studio/dmcy_tool/

这款弹幕生成器使用前端代码开发而成,大家只要导入一个CSV格式的数据文件,就能一键生成。此外,还可以调节弹幕颜色、弹幕大小、滚动速度等,非常适合DIY。

本节课数据公众号后台回复 08,即可获取

弹幕生成器点击阅读原文也可打开(推荐用chrome浏览器)

欢迎同学们在微博 @澎湃美数课 交作业~

下课~



◒◡◒

┊推 - 荐 - 阅 - 读┊





    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存