最近一個半月古柳可視化的實踐及其餘(上)

一晃又一個半月沒寫文章了，最近由於「婦女節」的緣故在從新看到Shirely Wu的諾貝爾獎女性獲獎者相關的可視化做品 Legends 時，想着去 Data Sketches官網看看背後詳細的實現文章，發現本來所有文章(24個可視化項目)均可以查看的，如今卻只有10個項目的文章能看(有write-up標籤)。

Data Sketches 的內容集結成書已經發售，拿掉了大部分文章以便你們都去買書能夠理解，但忽然發覺沒法查看仍是有些遺憾。不過受其影響古柳也開始寫關於可視化做品背後詳細實現過程和代碼的文章，這件事但願能繼續堅持下去。

扯回來，本文仍是講講自上一篇文章寫在「中國傳統顏色可視化」視頻15萬播放小火之際以後，古柳在可視化方面的一些實踐與相關內容。

因爲「中國傳統顏色可視化」視頻在b站小火了下(播放量以前15萬如今23萬了)，因而喜當Up主的古柳，循序漸進地打算把日本傳統顏色和口紅顏色兩個可視化的視頻也製做下而後發佈。

首先是日本傳統顏色的可視化，數據一開始想用 Nippon Colors 這個網站的。

看了下沒有現成數據的文件，須要寫個爬蟲從HTML裏抽取顏色數據。

不過想來應該有人爬過，因而去GitHub找了下，確實有現成的。

相關連接：github.com/lcat/nippon…

但顏色名字只有日文和日語羅馬字，沒有平假名，好比水色只有日文水和日語羅馬字mizu，沒有平假名みず。

{
    "id": "176",
    "name": "MIZU",
    "cname": "水",
    "color": "81C7D4"
}
複製代碼

古柳總以爲加上平假名更好閱讀(可能只是我的習慣或感受，雖然不會日語，逃)，因而搜了下日語相關的JS庫，看到 黑白 kuroshiro 這個庫彷佛能幫上忙。思路大概是：將日文分別轉換成平假名和羅馬字，而後和現有羅馬字匹配下看看準確度，可行的話就能補充上平假名。

但又嫌麻煩，想來其它地方大概有現成數據，因而谷歌搜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/孟塞爾顏色系統 這個東西，被這兩張漂亮的圖擊中因此記在了內心。

另外有件事不得不提下：「中國傳統顏色可視化」視頻小火後，得以認識到一位專門研究傳統色彩的中國美術學院的碩士朋友，古柳沒想到會有這個專業，也對當時她說的「會把色彩科普當成本身一輩子的課題來作」這句話印象深入，期待其之後精彩的分享。

建交流羣以來有過好幾回印象深入的時刻，後續有機會能夠講講。本文已經扯了許多有的沒的，關於口紅顏色可視化、寶可夢數據可視化、春晚蚊香圖/萬花筒效果等等內容就留到後續文章裏再講吧。

若是你們還想看到更多幹貨，歡迎【點贊】、【喜歡】、【評論】和【轉發】，多多捧場，古柳也有持續創做的動力，畢竟這慘淡的閱讀量實在也是有點說服不了本身太頻繁更新，還真不是由於懶。逃。