上期我們分享了2018年度數據可視化獎獲獎作品《生活在難民營》 。這一期，我們將回顧一下2017年度數據可視化獎獲獎作品——華爾街日報的《<漢密爾頓>背後的韻律》，看看這個作品從創意發想，到數據處理、數據可視化，是怎樣完成的。

全球數據新聞獎（Data Journalism Awards）設立於2012年，由谷歌贊助，由全球編輯網路（Global Editors Network）和歐洲新聞中心聯合創立。作為首個表彰數據新聞領域傑出工作的國際專項獎項，多年來，它已經成長為在數據新聞圈裡佔據重要位置的國際獎項。

2017年度數據可視化獎獲獎作品是華爾街日報的《<漢密爾頓>背後的韻律》，其可視化對象《漢密爾頓》是一部講述了美國開國元勛亞歷山大·漢密爾頓傳奇一生的音樂劇，現已是百老匯票價最高的音樂劇，並斬獲格萊美獎等多個獎項。

音樂劇《漢密爾頓》劇照

特別的是，《漢密爾頓》使用說唱（rap）的形式表現，其語速、唱詞、押韻等差異直接表現了人物性格的不同。節奏頓挫的說唱，沉緩有致的節拍再加上詼諧的韻腳，這都深深吸引著觀眾。華爾街日報的這個作品，正是對此音樂劇所有唱詞的押韻進行數據轉化，並結合音頻、色塊等形式進行可視化。

作品要結合音頻體驗

作品鏈接：graphics.wsj.com/hamilt

如何可視化唱詞背後的押韻結構

作者利用演算法，把每個單詞分解成一個個音節，再用一個Python程序，把相似的單詞音節匹配起來，並用相同的顏色進行編碼。而不同相似音節，則使用不同的顏色。

這些音節被可視化成一個個彩色的方塊，置於一個「五線譜」形狀的直角坐標系中。橫坐標代表了音節出場的順序，縱坐標則是不同的押韻音節。

通過滑鼠點擊播放，我們能看到每個單詞都是怎麼押韻和轉換的。在一個完美的押韻中，兩個單詞的母音和輔音結尾是相同的，就像這段歌詞中的「squalor」和「scholar」一樣，均是「AA」和「ER」的組合。

有的單詞只能做到部分押韻，即不完美押韻。例如「scotsman」「dropped in」與「forgotten」「spot in」這兩個組合，「forgotten」只有後半部分能組成押韻的韻腳。而不完美押韻的情況是在這部音樂劇中最常出現的，也是說唱的特色。

不同的押韻方式對應了不同的人物性格。由Miranda演唱的角色Big Pun的押韻則顯得厚重，有一兩個音節處於不停重複的狀態。在重複的兩個音節中，如果都是母音，那形成「疊韻」；如果有一個輔音，則形成「輔音韻」。

還有大型的多音節押韻，這種押韻跨越好幾個音節，例如「be Socrates」和「mediocrities」（下圖藍框部分）。

另外也有首尾交織的押韻，例如下面這一段中的「monkey」的第一個音節與「rhythm」的最後一個音節押韻。

作品最後利用了同樣的演算法，讓讀者可以分析任意一段歌詞、詩歌或者其他文字的押韻方式，真實讓讀者參與到作品之中。

如何實現有趣的想法

作品的作者——《華爾街日報》的數據記者Joel Eastwood和程序開發員Erik Hinton還將他們創作的過程整理成文，與大家分享。

一開始，兩位作者寫了一個比較簡單的Python程序，用來匹配相似的音節。可以看到，每個音節都被可視化為帶顏色的方塊。

程序開發員Erik在這個基礎上增加了演算法的深度和複雜性，將每個單詞分解成音節，再將它們轉換成語音。例如，「Ha-mil-ton」的三個音節轉換成語音則可拆分成「HH-AE」、「M-AH-L」和「TON」。通過發音力度、鄰近度、母音、輔音等方面，與其他單詞做對比，匹配分數較高的則定義為押韻。

有了數據之後，兩位作者就開始考慮「該用什麼樣的方式進行可視化」的問題。首先，他們嘗試了兩種音節配合動畫的形式。

方式一

方式二

但這兩種方式並沒有讓作者滿意，他們覺得，帶顏色的方塊並沒有和文本緊密地結合，讀者無法理解押韻的形式。因此，他們結合了「五線譜」，在直角坐標繫上繪製押韻的情況。

我們發現，經過優化之後，可視化成果確實方便我們理解，這相當於是簡化了最開始的相似音節可視化效果。而後，作者發現，在加入音樂之後，動態的可視化能夠減輕讀者閱讀的壓力，也能加強音節與可視化之間的關係。

在嘗試方塊之後，他們認為，方塊比起圓圈更能體現韻腳之間的聯繫。最終，作者在可視化作品上加上適當的注釋，給不相關的音節加上了透明度，以突出押韻的音節。

有趣的數據可視化作品都是通過不停地嘗試各種可能性，尋找到最佳的閱讀方案。可視化不能停留在條條框框裏，我們大膽發揮自己的想像，和團隊成員一起發揮奇思妙想，並努力實現！

更多鏑數使用問題請參看以下文章，如果仍有無法解決的問題，請發送郵件至[email protected]或者直接在後臺留言。

咱們下期再見！

參考資料

1、胡世龍，趙楠. 《這個2017最佳數據可視化案例，竟是個音樂劇freestyle》。

2、Joel Eastwood, Erik Hinton. 「How does 『Hamilton,』 the non stop, hip-hop Broadway sensation tap raps master rhymes to blur musical lines?」.

3、Joel Eastwood, Erik Hinton. 「The Hamilton Algorithm」.

往期回顧

條柱形圖 | 工作報表 | 餅圖 | 時序圖表 | 折線圖 | 散點圖 | 氣泡圖 | 面積圖 | 弦圖 | 主題配色 | 配色技巧 | 矩形樹圖 | 雷達圖 | 瀑布圖 | 旭日圖 | 漏斗圖 | 桑基圖 | 箱線圖 | 玉玦圖 | 玫瑰圖 | 折線家族| 熱力圖 | 柱圖家族 | 餅圖家族 | 詞雲圖 |圖表書籍丨 力嚮導圖 |河流圖丨 數據可視化誤區 | 直方圖| 極化堆疊柱狀圖 | 韋恩圖| 斜率圖 | 弧長連接圖 | 甘特圖 | 螺旋圖 | 點圖 | 跨度圖 | 子彈圖 | 馬賽克圖 | 徑向柱圖 | 蠟燭圖 | 魚骨圖丨平行坐標圖丨比例面積圖丨圓堆積丨華夫餅圖丨圖表組合丨影視圖表丨地圖丨經典圖表丨突發新聞可視化丨2018信息之美中國作品丨顏色陷阱丨視覺變數丨2018年度數據可視化

本文由鏑次元數據整理撰寫完成

鏑次元長期接受優秀數據新聞作品投稿

稿費從優

作品請發至[email protected]


推薦閱讀：
相關文章