1. 程式人生 > 實用技巧 >視覺化作品分享:第3期 | 好評來襲 | by 古柳

視覺化作品分享:第3期 | 好評來襲 | by 古柳

前言

本系列會定期分享古柳看到的一些不錯的視覺化作品,其中為了更好的展示每個作品的效果,會人工花更多時間搬運整理下素材/視訊,所以希望大家多多支援,以便古柳後續也能更高質量的輸出內容。

更多詳細介紹見:「關於後續視覺化方向想更新內容的一些說明」。目錄會同步更新到 DesertsX/dataviz-collections;針對優秀視覺化作品的翻新復現、程式碼實踐系列會更新:DesertsX/dataviz-in-action,可以 star 支援下。

前兩期回顧:
「視覺化作品分享:第1期 | 好評來襲」
在這裡插入圖片描述

「視覺化作品分享:第2期 | 好評來襲」
在這裡插入圖片描述

平時看到或以前收藏的優秀作品在「視覺化交流群」裡分享過許多,本期和第2期一樣,繼續從中整理出來,方便群外或後入群或錯過群聊天資訊的人可以統一檢視分享的作品。歡迎大家進群交流,可加古柳微信「xiaoaizhj」

,備註「視覺化加群」拉你進群哈!
在這裡插入圖片描述

第3期 / EP03 Start

作品1

Wendy ShijiaTableau 對迪拜塔每層按功能劃分並進行視覺化,該作品使古柳眼前一亮,由於不用 Tableau 所以瞭解不多,沒想到能做出這麼棒的效果。另外據古柳觀察「視覺化交流群」裡有部分群友常用 Tableau, 也比較瞭解 Tableau 社群,Wendy Shijia 在該圈子也有一定名氣。
相關連結:https://twitter.com/ShijiaWendy/status/1311705197140353027
相關連結:https://public.tableau.com/profile/wendy.shijia#!/vizhome/BurjKhalifaDubaiTower/Thetower


在這裡插入圖片描述
請新增圖片描述

作品2

正好最近推特上看到有個 #ProtfolioDay 的標籤,很多人貼了自己的作品集,Wendy Shijia 也簡單介紹了下自己的背景:是上海一名 UX 設計師,以及放了4個自己製作的、較喜歡的視覺化作品,這裡也一併放上。
相關連結:https://twitter.com/ShijiaWendy/status/1316935251336318976
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述

作品3

Sonja Kuijpers 製作的有關日本24節氣的視覺化作品。
相關連結:https://twitter.com/SonjaKuijpers/status/1313035925765656576
在這裡插入圖片描述
第一次聽說日本也有24節氣,倒是蠻意外,當然和中國的幾乎一致,源於中國,不言自明。

在這裡插入圖片描述
在這裡插入圖片描述

作品本身是半圓形的徑向圖,由於之前復現過徑向圖作品,所以古柳覺得這個專案應該並不難實現,我上我也行,相信大家上大家也能行,doge,不行的話還不好好看看古柳的文章和程式碼:「財新網「星空彩繪諾貝爾獎」視覺化作品復現」
程式碼連結:DesertsX/dataviz-in-action
在這裡插入圖片描述

第2期分享過一堆徑向圖作品,大家也可以回顧下,溫故知新、常看常新:「視覺化作品分享:第2期 | 好評來襲」
在這裡插入圖片描述

Sonja Kuijpers 部落格上的覆盤文章也可以一看,不過古柳寫這篇文章時發現暫時看不了,可能正在回爐修改,但還是附上鍊接,等改完應該就能看了。
相關連結:https://twitter.com/SonjaKuijpers/status/1316716008091070465
相關連結:http://www.studioterp.nl/how-i-created-the-japanese-seasonal-calendar/
在這裡插入圖片描述

作品4

Shirley WuData Sketches 系列的「八月奧運會主題」中,對2016年裡約奧運會「雙人跳水/synchronized diving」幾個專案的冠亞季軍的幾輪得分進行視覺化,以展示她心中該比賽中運動員們優雅的身姿。
相關連結:http://www.datasketch.es/august/
相關連結:http://sxywu.com/olympics/
在這裡插入圖片描述

文章裡講到靈感來源自:Yuri Vishnevsky 用生成藝術相關演算法從畫作或照片裡抽取顏色並製作商業名片的專案。
相關連結:http://yuri.is/cardcrafting/
在這裡插入圖片描述

她根據文末提及的關鍵詞搜尋 fractal search algorithm javascript 相關內容,之後基於 Generative Art in HTML5 Canvas – Sweeping Fractal Lines 這篇文章裡的開原始碼,再搞懂原理並相應修改後,最終應用到跳水視覺化專案上。
相關連結:http://rectangleworld.com/blog/archives/462
在這裡插入圖片描述

古柳在重讀 Shirley Wu 這篇文章時,看到她對最終效果仍不滿意,但由於本月時間截至,已無法再迭代;且 Nadieh Bremer 也安慰她,「完成比完美更重要」,倒是值得注意的一點。
在這裡插入圖片描述

作品5-作品6

最後再放兩個作品,是很早以前古柳對視覺化還沒那麼多關注時從亞賽大人微博那看到的,那時還不知道她是誰(“有眼不識泰山”,最近有群友拉了「澎湃美數課」的小夥伴進群,也是非常驚喜!),但這兩個視覺化作品卻和其他優秀作品一樣在古柳心中埋下了種子,doge。

作品介紹就偷個懶,大家直接看微博說明即可,非常推薦去原網站體驗一番。
相關連結:https://weibo.com/2148509850/Hs2T76OAN
在這裡插入圖片描述

相關連結:www.codex-atlanticus.it/#/
在這裡插入圖片描述

相關連結:https://weibo.com/2148509850/HzuYZ5eTo
在這裡插入圖片描述

相關連結:https://www.abacusnews.com/china-tech-city
在這裡插入圖片描述

照例

歡迎加入視覺化交流群哈。已滿200人需邀請入群,加古柳微信「xiaoaizhj」備註「視覺化加群」拉你進群哈!
在這裡插入圖片描述

最後,歡迎關注古柳的公眾號「牛衣古柳」,以便第一時間收到更新,更多優質視覺化相關內容持續更新。
在這裡插入圖片描述