關於推特30天地圖挑戰全部7.6k+圖片的顏色可視化

「李子柒130個視頻1萬圖片5萬顏色數據可視化的背後,是古柳三年的念念不忘」

上篇文章古柳寫了下關於念念不忘三年的顏色可視化的超長文,整個流程涉及: python 爬b站 api 李子柒數據、搭配 you-get 下載視頻、ffmpeg 批量視頻抽幀、node.js get-image-colors 模塊抽圖片顏色,d3.js 顏色可視化。

後來發現文中有兩處小問題,在這裏修正下,一處是最後一張圖的文字信息y軸應該是 Brightness 明度,寫的時候複製黏貼沒改過來;

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


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

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

然後是上週六早上正好看到向帆老師公衆號更新了文章:「插播一把桌椅到上海」,想到最近跑通了顏色可視化整個流程,可以留言報告下這件事,要是能被看到並回復就好了。



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



扯回來,因爲看到羣友嶠桓在看顏色可視化一文,後續私聊了下,原來他打算爬取推特30天地圖挑戰 #30DayMapChallenge 活動標籤下11月份所有參與者創作發佈的地圖圖片,然後用 Python 實踐下我文章中抽取圖片顏色並進行可視化等流程。1.3G圖片數據後來在 「地圖盛宴 - 嶠桓」 一文裏公開分享了。


雖然古柳一直對地圖沒啥興趣、沒啥想復現的地圖可視化作品,但之前注意到羣裏幾次談論地圖相關內容時蠻多人活躍;而且11月份刷推特看到參加30天地圖挑戰活動打卡的人也很多,看起來對地圖感興趣的人比我想的要多。

而據牛海灃統計,本次挑戰有來自69個國家的997位創作者,一共發佈了7000+地圖

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

既然那麼多人關注地圖可視化、那麼多人蔘加地圖挑戰活動,並且從嶠桓那先拿到了所有地圖圖片數據,自然古柳也想用手頭現成代碼,抽取顏色、看看可視化效果。

於是上週五晚上簡單跑了下,照舊對所有圖片抽取5種主要顏色,用 HSB 顏色模式的數據,換換x/y軸,加或不加力佈局,和上篇文章「李子柒130個視頻1萬圖片5萬顏色數據可視化的背後,是古柳三年的念念不忘」裏分享過的圖類似,想來大家也都不陌生了。




但也不能這麼取巧,拿現成代碼跑下就完事,總要有點新花樣是不?

既然一開始顏色可視化參考的 Shirely Wudata sketches「九月旅行」 項目是徑向圖的方式,那這次也嘗試下徑向圖好了。

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

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


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


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


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

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





以上就是本文內容,繼上篇文章之後,又用推特30天地圖挑戰的7.6k+圖片數據集進行了更多圖片/顏色可視化的嘗試。

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

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