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

一晃又一個半月沒寫文章了,最近因爲“婦女節”的緣故在重新看到Shirely Wu的諾貝爾獎女性獲獎者相關的可視化作品 Legends 時,想着去 Data Sketches 官網看看背後詳細的實現文章,發現原本全部文章(24個可視化項目)都可以查看的,現在卻只有10個項目的文章能看(有write-up標籤)。


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

扯回來,本文還是講講自上一篇文章寫在「中國傳統顏色可視化」視頻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 這個庫似乎能幫上忙。思路大概是:將日文分別轉換成平假名和羅馬字,然後和現有羅馬字匹配下看看準確度,可行的話就能補充上平假名。


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


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


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

如果大家還想看到更多幹貨,歡迎【點贊】、【喜歡】、【評論】和【轉發】,多多捧場,古柳也有持續創作的動力,畢竟這慘淡的閱讀量實在也是有點說服不了自己太頻繁更新,還真不是因爲懶。逃。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章