最近一个半月古柳可视化的实践及其他(上)

一晃又一个半月没写文章了,最近因为“妇女节”的缘故在重新看到Shirely Wu的诺贝尔奖女性获奖者相关的可视化作品 Legends 时,想着去 Data Sketches 官网看看背后详细的实现文章,发现原本全部文章(24个可视化项目)都可以查看的,现在却只有10个项目的文章能看(有write-up标签)。


Data Sketches 的内容集结成书已经发售,拿掉了大部分文章以便大家都去买书可以理解,但突然发觉无法查看还是有些遗憾。不过受其影响古柳也开始写关于可视化作品背后详细实现过程和代码的文章,这件事希望能继续坚持下去。

最近一个半月古柳可视化的实践及其他(上)_第1张图片

扯回来,本文还是讲讲自上一篇文章写在「中国传统颜色可视化」视频15万播放小火之际之后,古柳在可视化方面的一些实践与相关内容。

由于「中国传统颜色可视化」视频在b站小火了下(播放量之前15万现在23万了),于是喜当Up主的古柳,按部就班地打算把日本传统颜色和口红颜色两个可视化的视频也制作下然后发布。

首先是日本传统颜色的可视化,数据一开始想用 Nippon Colors 这个网站的。

看了下没有现成数据的文件,需要写个爬虫从HTML里抽取颜色数据。


不过想来应该有人爬过,于是去GitHub找了下,确实有现成的。
相关链接:https://github.com/lcat/nippon-colors

但颜色名字只有日文和日语罗马字,没有平假名,比如水色只有日文水和日语罗马字mizu,没有平假名みず。

{  
  "id":  "176",  
  "name":  "MIZU",  
  "cname":  "水",  
  "color":  "81C7D4"  
}

古柳总觉得加上平假名更好阅读(可能只是个人习惯或感觉,虽然不会日语,逃),于是搜了下日语相关的JS库,看到 黑白 kuroshiro 这个库似乎能帮上忙。思路大概是:将日文分别转换成平假名和罗马字,然后和现有罗马字匹配下看看准确度,可行的话就能补充上平假名。


最近一个半月古柳可视化的实践及其他(上)_第2张图片

但又嫌麻烦,想来其它地方大概有现成数据,于是谷歌搜NIPPON COLORS、日本の伝統色等关键词,找到一些颜色汇总的网站,最终用了 日本の伝統色470色 这个网站的数据。

数据搞定,后面就好办了,可视化部分基于之前「中国传统颜色可视化」版本的zdog代码,变动不大,这次主要解决了下颜色切换非匀速、逐渐变卡的问题,以及动画录屏通过imovie剪辑完成的视频导出后只有很糊的720p的问题,后者借助小的4k视频素材即可。
相关链接:imovie导出高清视频(1080p,4k)

最近一个半月古柳可视化的实践及其他(上)_第3张图片

之后在b站发布,虽然不温不火但至今也有1.8万播放量,欢迎还没看的一键三连。
相关链接:日本传统颜色可视化

再扯点别的。说回 Nippon Colors 这个网站的,虽然古柳早些年就只知道这个网站,但还是第一次发现页面上有个Munsell模式的ON/OFF的切换按钮,开启后的3D效果真的有种难以言表的玄妙之感,如果你此前也不知道这个按钮,或许可以体验一番。

这回得以注意到Munsell按钮,一个原因或许是之前了解Zdog时,看到Observable上 Munsell spin 的例子,首次知道 Munsell color system/孟塞尔颜色系统 这个东西,被这两张漂亮的图击中所以记在了心里。


最近一个半月古柳可视化的实践及其他(上)_第4张图片

另外有件事不得不提下:「中国传统颜色可视化」视频小火后,得以认识到一位专门研究传统色彩的中国美术学院的硕士朋友,古柳没想到会有这个专业,也对当时她说的“会把色彩科普当成自己一生的课题来做”这句话印象深刻,期待其以后精彩的分享。


最近一个半月古柳可视化的实践及其他(上)_第5张图片

建交流群以来有过好几次印象深刻的时刻,后续有机会可以讲讲。本文已经扯了许多有的没的,关于口红颜色可视化、宝可梦数据可视化、春晚蚊香图/万花筒效果等等内容就留到后续文章里再讲吧。

如果大家还想看到更多干货,欢迎【点赞】、【喜欢】、【评论】和【转发】,多多捧场,古柳也有持续创作的动力,毕竟这惨淡的阅读量实在也是有点说服不了自己太频繁更新,还真不是因为懒。逃。

你可能感兴趣的:(最近一个半月古柳可视化的实践及其他(上))