【資料視覺化】超強大線上圖表工具分享——Flourish 使用教學

閱讀時間約 3 分鐘
本篇適合:
> 想學習資料新聞的新手,想學習好用的資料視覺化工具

Flourish

Flourish 視覺化網站一直是媒體愛用的動態互動資料視覺化網站之一,報導者開放實驗室在介紹這個平台時,提到新聞從業人員可以免費升級至Premium版,只要填寫表單即可!不太確定是不是真的,大家可以試試看!
我的 Flourish 使用範例:

如何使用 Flourish 製作圖表?

使用 Flourish 必須先申請自己的個人帳號,所有製作過的圖表都將儲存在雲端空間「My project」當中,若要建立新圖表,可從左上角「New visualization」建立。
左上角「New visualization」建立新圖表。
選擇自己認為適合的圖表
Flourish 工作區分為「Preview(圖表預覽模式)」及「Data(資料模式)」,前者觀看圖表視覺、調整細節,後者調整資料形式。
下方簡單跟大家介紹介面功能:

圖表預覽模式(Preview)

圖表預覽模式可簡單分為圖表區、功能區
功能區功能多元:Chart type, Grid of charts, Controls & filters
功能區功能多元:Chart type, Grid of charts, Controls & filters
功能區功能多元:Colors, Lines, dots and areas, Labels, Axis, Popups & panels ...
功能區功能多元:Annotations, Animation, Header, Footer...
功能區功能多元:Annotations, Animation, Header, Footer...

資料模式(Data

資料模式可分為左邊的資料區及右邊的功能區
這裏可以放置你所整理好的數據,請盡量將數據整理成「長表格」才能呈現。所謂「長表格」,代表每一個橫列(row)都是一筆資料(一筆觀察值),且每個欄位(column)都應該是一個變項(variable)。
而除了手動輸入資料內容外,也可以上傳資料表(可讀取格式:csv檔、tsv檔、Excel、JSON、GeoJSON)

發佈圖表

免費版中,圖表都必須發布、公開讓眾人觀看,因此只要按下右上角「Publish to share and embed」,圖表即公開(呈現綠色底色)。
此外,將連結複製以後,可以發布到提供網頁內嵌、預覽功能的部落格平台,如Medium。(2023/4/22更新:Vocus平台目前已經可以使用!)

Flourish 缺點

Flourish 最大的缺點是對中文使用者不友善,畢竟是一個國外服務,但大體上如果沒有太多需求,其實都還堪用,缺點如下:
  • 全站英文版
  • 不支援中文特殊字體格式,僅能使用一般中文文字樣式(黑體)

影片手把手教學

相關參考資源連結

本篇文章 Instagram 版:https://www.instagram.com/p/CcAC6gKJZPn/
報導者介紹:
為什麼會看到廣告
62會員
69內容數
加入沙龍追蹤 CT 更多文章!
留言0
查看全部
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
分享這本作者公開金融時報資料視覺化經驗與知識的精華,也加上過往分析的經驗,並整理了視覺化辭典之各視覺化工具做法的資訊統整,跟大家分享交流這本好書。
Thumbnail
資訊圖表是一種將數據以視覺化形式呈現的工具,但在創建和解讀資訊圖表時,需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤,包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表,並鼓勵讀者聰明解讀圖表。
Thumbnail
在商務簡報當中,經常需要呈現大量的圖表與數據資料,但是有時在呈現上整體版面會過於雜亂?或是有時候在版面呈現上比例抓得不太好,而讓閱聽受重產生數據內容誤讀?或是想讓美觀的呈現簡報,最終卻顯得不那麼乾淨俐落。以下教大家運用AI工具讓大家可以有質感的呈現商務簡報: 首先了解圖表類型,商業圖表在呈現主要
Thumbnail
圖片來源 相信視覺化報表對於資料科學來說是非常重要的一環, 透過圖表來呈現資料的樣態, 過程中分析模型訓練時, 觀察訓練的收斂趨勢是否如我們預期, 視覺化加速我們的判斷時間, 節省找問題的成本。 數據就如同鐵證一般, 當我們常常苦於為什麼訓練出來的A模型這麼差勁,但B模型卻非常好, 這中間發生了
Thumbnail
上一篇我們有介紹如何爬取Goodinfo的資訊並統計分析,還沒閱讀的朋友建議先行閱讀,再進入此篇章會比較容易上手唷,傳送門如下: 🚪【Google Colab系列】以Goodinfo!為例,統計一段時間內的最高、最低殖利率 為什麼要做資料視覺化? 相信圖文甚至影音箱對於文字來說更為吸引我們進
Thumbnail
上到第八天,有種自己實實在在的生命變化的感覺,今天不小心都看到同學們的眼淚,真的很感謝他們對我的信任,願意在這個空間釋放自己的脆弱。 在周六與與熊熊老師的對談(省略細節)中,我談到我覺得很重要但提不起勁地的動機是:「理財」,我覺得理財很重要,但我卻一直沒有動力去管理。
Thumbnail
事情是這樣的,這個網站是用WordPress建置,本來放在GoDaddy虛擬主機上,當時的方案簽了三年,在大約一年半的時候,我決定把網站搬到SiteGround上。為了不讓GoDaddy的主機空轉,剛好我也想做些Side Projects,試著在網站上建立數據儀表板,GoDaddy的主機剛好可以拿來
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
Thumbnail
這本書是阿福將多年跑馬拉松的心法應用於投資上,所建立的「配速持股」投資哲學,在48歲這一年時實現財務自由、提早退休,本篇文章透過問答型式簡要說明,協助讀者快速了解。
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
分享這本作者公開金融時報資料視覺化經驗與知識的精華,也加上過往分析的經驗,並整理了視覺化辭典之各視覺化工具做法的資訊統整,跟大家分享交流這本好書。
Thumbnail
資訊圖表是一種將數據以視覺化形式呈現的工具,但在創建和解讀資訊圖表時,需要保持批判性和謹慎性。本文介紹了幾個常見的資料視覺化錯誤,包括起始值未設定成零、利用坐標軸混淆視聽、僅提供部分區段的資訊等。文章提醒製圖者應該如何謹慎設計圖表,並鼓勵讀者聰明解讀圖表。
Thumbnail
在商務簡報當中,經常需要呈現大量的圖表與數據資料,但是有時在呈現上整體版面會過於雜亂?或是有時候在版面呈現上比例抓得不太好,而讓閱聽受重產生數據內容誤讀?或是想讓美觀的呈現簡報,最終卻顯得不那麼乾淨俐落。以下教大家運用AI工具讓大家可以有質感的呈現商務簡報: 首先了解圖表類型,商業圖表在呈現主要
Thumbnail
圖片來源 相信視覺化報表對於資料科學來說是非常重要的一環, 透過圖表來呈現資料的樣態, 過程中分析模型訓練時, 觀察訓練的收斂趨勢是否如我們預期, 視覺化加速我們的判斷時間, 節省找問題的成本。 數據就如同鐵證一般, 當我們常常苦於為什麼訓練出來的A模型這麼差勁,但B模型卻非常好, 這中間發生了
Thumbnail
上一篇我們有介紹如何爬取Goodinfo的資訊並統計分析,還沒閱讀的朋友建議先行閱讀,再進入此篇章會比較容易上手唷,傳送門如下: 🚪【Google Colab系列】以Goodinfo!為例,統計一段時間內的最高、最低殖利率 為什麼要做資料視覺化? 相信圖文甚至影音箱對於文字來說更為吸引我們進
Thumbnail
上到第八天,有種自己實實在在的生命變化的感覺,今天不小心都看到同學們的眼淚,真的很感謝他們對我的信任,願意在這個空間釋放自己的脆弱。 在周六與與熊熊老師的對談(省略細節)中,我談到我覺得很重要但提不起勁地的動機是:「理財」,我覺得理財很重要,但我卻一直沒有動力去管理。
Thumbnail
事情是這樣的,這個網站是用WordPress建置,本來放在GoDaddy虛擬主機上,當時的方案簽了三年,在大約一年半的時候,我決定把網站搬到SiteGround上。為了不讓GoDaddy的主機空轉,剛好我也想做些Side Projects,試著在網站上建立數據儀表板,GoDaddy的主機剛好可以拿來
Thumbnail
在各類圖文蓬勃的現在,「資料視覺化」很重要已經如同廢話。但往往輪到自己做簡報、社群圖文時,卻常不盡人意。做不出市面上那種質感,卻不知道如何改善。如果你也有上述困擾,我很推薦看看這本《20道資料視覺化難題全解析》。
Thumbnail
這本書是阿福將多年跑馬拉松的心法應用於投資上,所建立的「配速持股」投資哲學,在48歲這一年時實現財務自由、提早退休,本篇文章透過問答型式簡要說明,協助讀者快速了解。