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

一晃又一个半月没写文章了，最近由于“妇女节”的缘故在从新看到Shirely Wu的诺贝尔奖女性获奖者相关的可视化做品 Legends 时，想着去 Data Sketches官网看看背后详细的实现文章，发现本来所有文章(24个可视化项目)均可以查看的，如今却只有10个项目的文章能看(有write-up标签)。css

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

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

因为「中国传统颜色可视化」视频在b站小火了下(播放量以前15万如今23万了)，因而喜当Up主的古柳，循序渐进地打算把日本传统颜色和口红颜色两个可视化的视频也制做下而后发布。github

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

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

不过想来应该有人爬过，因而去GitHub找了下，确实有现成的。oop

相关连接：github.com/lcat/nippon…动画

但颜色名字只有日文和日语罗马字，没有平假名，好比水色只有日文水和日语罗马字mizu，没有平假名みず。网站

{
    "id": "176",
    "name": "MIZU",
    "cname": "水",
    "color": "81C7D4"
}
复制代码

古柳总以为加上平假名更好阅读(可能只是我的习惯或感受，虽然不会日语，逃)，因而搜了下日语相关的JS库，看到黑白 kuroshiro 这个库彷佛能帮上忙。思路大概是：将日文分别转换成平假名和罗马字，而后和现有罗马字匹配下看看准确度，可行的话就能补充上平假名。spa

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

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

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

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

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

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

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

若是你们还想看到更多干货，欢迎【点赞】、【喜欢】、【评论】和【转发】，多多捧场，古柳也有持续创做的动力，毕竟这惨淡的阅读量实在也是有点说服不了本身太频繁更新，还真不是由于懒。逃。