高度客製化的圖表平台Flourish,不會寫程式也可以做出互動圖表

Mimi Chen
報導者開放實驗室
5 min readMay 15, 2019

如果你一個人想要做互動圖表,被死線追趕,然後沒有設計師跟工程師幫忙,那你可以試試看「Flourish」這個圖表好朋友,可以製作互動圖表又可以做成專屬網頁。更棒的是,新聞工作者可以享有進階版功能。

進入網頁後可以直接點擊「sign up」註冊會員,就可以開通功能。值得一提的是,Flourish因為是 Google News Lab的夥伴,因此提供新聞工作者免費升級premium版,可以使用的功能包含私人版型與專案,Flourish也提供新聞室協助,幫忙新增版型,只求新聞室人員給予功能回饋。

申請過程蠻簡單,新聞工作者只要填寫一份google表單就可以了!

目前還沒有試過直接要求官方開版,有興趣的人可以試試看,覺得讓新聞室人員可以直接使用premium版已經很佛了阿!

大寶庫!共有數十種互動圖表版型可使用

註冊以後你會來到一個工作面板,有兩個按鈕可以選擇:

→「New visualisation」可以新增單一圖表

→「New Story」則是可以把單一圖表集合起來說故事,製作成類似slide show的網頁。

點擊「New visualisation」後,你的眼前會出現一片寶庫,是各式各樣的圖表樣式,有簡單的折線、長條圖,也有地圖可以讓你選擇,如果還不滿足,往下滑還有各式各樣花俏的互動圖表版型給你選。

高度客製化的友善介面,數據與圖表樣式可簡單切換調整

Flourish的操作介面其實蠻簡單,掌握兩個重要功能「預覽」(Preview)與「資料」(Data)就可以輕鬆做出互動圖表。

預覽可控制客製化選項

「預覽」(Preview)會根據你選擇的圖表,在右欄出現可以客製化的選項,例如我選擇折線圖,右側可以客製化的欄位就包含:圖表風格、區間、資料標籤、xy軸功能調整、標題、資料來源等等。

填寫欄位客製化你的資料

點擊「資料」(Data)後,介面會出現樣本數據,你可以在這邊觀察一下數據格式,然後匯入相同格式的資料。介面右邊會出現很多欄位讓你填(每個圖表可填寫的欄位狀況不一),大原則就是「根據欄位說明,去填入你想要呈現的欄位名稱。」。不一定每個都要填,如果是必填欄位旁會出現「required」提醒你。

註解功能,告訴讀者圖表重點在哪

我最喜歡的一個功能是「註解」(annotation),他可以讓你可以幫圖表內容話重點,告訴觀眾應該看哪裡。

如下列範例,註解分為「單點式」與「區間式」:

「單點式」,如果你想要告訴讀者2011年單年是第一波高峰,你可以在「Line Highlights」這邊填寫公式(thing是你要呈現的文字,2012是你要選擇的x軸節點)。

「區間式」,如果想強調2010~2012年,就在「Range Highlights」填公式(thing是你要呈現的文字,2013>>2015是你要選擇的x軸區間)。

「add New Story」可將單一圖表串集成故事

如果你想用圖表說故事,Flourish也提供一個選項,記得開始介面的「add New Story」嗎?基本上它很像是可以鑲入Flourish圖表的簡易簡報軟體,功能包含新增投影片、投影片文字編輯、自動播放秒數等。製作完成就可以publish,網站會自動生成一個專屬網頁以及鑲入碼。

編輯首圖與標題,可以自行挑選位置。
故事中可以鑲入像是這樣的互動圖表。

許多國外新聞室為了內部作業與記者需求,會開發自己的圖表系統,例如FT的「FastCharts」(關於FT的圖表平台開發心路歷程可以參考「FastCharts — Changing the FT Newsroom, One Tool at a Time」)但其實網路上有很多圖表服務可以使用,試了幾個過後覺得Flourish premium已經能滿足基本需求了,如果新聞工作者願意學習基本的圖表運用概念以及簡單的平台操作,應該可以減少很多溝通成本。

有你,才有《報導者》,邀您用行動支持!

優質深度報導必須投入優秀記者、足夠時間與大量資源⋯⋯我們需要細水長流的小額贊助,才能走更長遠的路。竭誠歡迎認同《報導者》理念的朋友贊助支持我們!

贊助報導者

官網:https://www.twreporter.org/
臉書:https://www.facebook.com/twreporter/

--

--

Mimi Chen
報導者開放實驗室

分享數位工具、資訊圖表、多媒體網頁製作等心得,有時候會來一點生活經驗文。工作信箱:chenchenhua1112@gmail.com