「李子柒130個視頻1萬圖片5萬顏色數據可視化的背后,是古柳三年的念念不忘」
上篇文章古柳寫了下關于念念不忘三年的顏色可視化的超長文,整個流程涉及: python 爬b站 api 李子柒數據、搭配 you-get 下載視頻、ffmpeg 批量視頻抽幀、node.js get-image-colors 模塊抽圖片顏色,d3.js 顏色可視化。
后來發(fā)現文中有兩處小問題,在這里修正下,一處是最后一張圖的文字信息y軸應該是 Brightness 明度,寫的時候復制黏貼沒改過來;

一處是群友嶠桓看文章時發(fā)現 data sketches 上「九月旅行」 主題一文的鏈接404了。


我查了下原來網站突然改版了,該文的新鏈接為:「Four Years of Vacations in 20,000 Colors」,網站也更好看、更酷了。

data sketches 突然改版,其實也是因為不久前,在推特宣布將網站上 Nadieh Bremer 和 Shirely Wu 所有24個可視化項目的相關文章集結成書開始預售了,因而整個網站也配合著大改了下。此前預熱說會有 a huge project,因而古柳也很關注會是什么,沒想到居然會出書,很意外,畢竟是兩位可視化大神的書,值得期待!

然后是上周六早上正好看到向帆老師公眾號更新了文章:「插播一把桌椅到上?!?/a>,想到最近跑通了顏色可視化整個流程,可以留言報告下這件事,要是能被看到并回復就好了。



畢設作品線上可看,「清華大學美術學院2020屆線上畢業(yè)作品展」,這也是之前在某群友朋友圈看到后了解到的,非常值得一看。



扯回來,因為看到群友嶠桓在看顏色可視化一文,后續(xù)私聊了下,原來他打算爬取推特30天地圖挑戰(zhàn) #30DayMapChallenge 活動標簽下11月份所有參與者創(chuàng)作發(fā)布的地圖圖片,然后用 Python 實踐下我文章中抽取圖片顏色并進行可視化等流程。1.3G圖片數據后來在 「地圖盛宴 - 嶠桓」 一文里公開分享了。


雖然古柳一直對地圖沒啥興趣、沒啥想復現的地圖可視化作品,但之前注意到群里幾次談論地圖相關內容時蠻多人活躍;而且11月份刷推特看到參加30天地圖挑戰(zhàn)活動打卡的人也很多,看起來對地圖感興趣的人比我想的要多。
而據牛海灃統(tǒng)計,本次挑戰(zhàn)有來自69個國家的997位創(chuàng)作者,一共發(fā)布了7000+地圖;

他還用這些地圖拼圖做了張“大合照”。更多統(tǒng)計信息見 github/30DayMapChallenge-Bot 。

既然那么多人關注地圖可視化、那么多人參加地圖挑戰(zhàn)活動,并且從嶠桓那先拿到了所有地圖圖片數據,自然古柳也想用手頭現成代碼,抽取顏色、看看可視化效果。
于是上周五晚上簡單跑了下,照舊對所有圖片抽取5種主要顏色,用 HSB 顏色模式的數據,換換x/y軸,加或不加力布局,和上篇文章「李子柒130個視頻1萬圖片5萬顏色數據可視化的背后,是古柳三年的念念不忘」里分享過的圖類似,想來大家也都不陌生了。




但也不能這么取巧,拿現成代碼跑下就完事,總要有點新花樣是不?
既然一開始顏色可視化參考的 Shirely Wu 的 data sketches 上「九月旅行」 項目是徑向圖的方式,那這次也嘗試下徑向圖好了。

先翻出古柳那篇用到徑向圖的文章:財新網「星空彩繪諾貝爾獎」可視化作品復現,簡單回顧下幾個要點,如極坐標系與直角坐標系下坐標轉換函數寫法。

套用這次的顏色數據,將色相(hues/H)映射到角度,飽和度(saturation/S)映射到徑向半徑值,分別不加和加x/y力布局,就有了兩張很酷的顏色可視化圖。


繼續(xù)嘗試,如果每張圖只取1種主要顏色作為徑向圖里x/y坐標所用,不用圓圈散點而用圖片本身顯示,看起來效果就更棒了。(雖然SVG里7.6k+張圖片是真的卡)


不過也更有向帆老師全國美展油畫獲獎作品的可視化作品 「AwardPuzzle」 內味了。重新看了下該作品主要是 Processing 實現,最近古柳打算重新學習下 P5.js,后續(xù)可以用 P5.js 也實現一遍目前 D3.js 完成的圖片/顏色可視化效果。
鏈接:https://www.zeelab.xyz/AwardPuzzle


除此之外,還可以基于圖片相似度來可視化,古柳以前有過相關嘗試:「圖像檢索(一):因緣際會與前瞻 - 20180506」,不過也沒填坑,這回正好群友 tianyilt 分享了下 YaleDHLab/pix-plot 這個開源項目,也是用的卷積神經網絡抽圖片特征、tsne、PCA 進行特征降維,然后前端可視化展示。

看項目描述比較簡單,于是用地圖照片跑了下,蠻順暢的就能跑通,啪地一下就成功了反而覺得沒啥成就感(但群友嶠桓死活安裝不成功,他用“公司里、自己的筆記本、臺式機都搗鼓了一遍,都沒成功”,此時 Mac 的優(yōu)越性就體現出來了。不過也不一定全是 Mac 功勞,可能實際操作細節(jié)也有關)。不過照片太多,交互有點卡。





以上就是本文內容,繼上篇文章之后,又用推特30天地圖挑戰(zhàn)的7.6k+圖片數據集進行了更多圖片/顏色可視化的嘗試。
以上就是本文內容,如果大家還想看到更多干貨,歡迎【點贊】、【評論】、【分享】,多多捧場,古柳也有持續(xù)創(chuàng)作的動力,畢竟這慘淡的閱讀量實在也是有點說服不了自己太頻繁更新,還真不是因為懶。逃。