3 個免費資料圖表工具

-

封面圖片

有時寫資訊新聞時，我們會需要製作圖表，以往可能是嵌入一些用繪圖軟體做成的資訊圖表。現在很多部落格平台、寫作平台都能嵌入 iframe 形式的互動式圖表，在媒體愈來愈豐富的現在，圖片、互動圖表等工具在寫作也愈來愈重要。
在這邊分享三個圖表工具，分別是 Chartblock、Infogram、PlotDB，他們的特性是都提供線上 iframe 嵌入、免費使用，而且不會太難。我會從容易到複雜一一介紹。

Chartblock

如果你寫的文章要立刻嵌入幾個像長條、折線、圓餅圖這種簡單的圖表，推薦用 Chartblock ，建立的時候有步驟指引，教你簡單 5 個步驟一步步把圖表做出來，然後再做仔細的客製。
Chartblock 很適合新手，不會一開始找不到資料要去哪裡設定、從哪邊選擇圖表類型，非常適合第一次接觸這種軟體的人。

Chartblock特性

  • 有一步步教學，對首次使用者很友善
  • 免費版支援 30 個圖表、5000 次觀看/月
  • 除了可匯出圖片，還可匯出 PS 檔，不知道是不是真的有分圖層

範例

Infogram

相較於 Beta 版的 Chartblock，Infogram 是個相當成熟的資料圖表製作服務，不只是單張圖表，甚至可以做多圖表，嵌入影片、圖片、內文等區塊的版面，整體就跟發佈部落格文章很像。
Infogram 提供的圖表種類很多，例如標示人物個數的圖片（不知道名字XD），還有漏斗圖、文字雲、方磚圖等各種類型。圖表的動態非常豐富，視覺效果很好，就算只做一張圖表，嵌入在新聞報導中，也給人很酷的感覺。
免費版無法匯出 jpg, png, pdf 等圖檔和文件是比較可惜的地方。

Infogram特性

  • 免費版可建立 10 個專案，每個專案 3 個頁面
  • 可使用的種類除了常見的種類外，還有甘特圖、散點圖、泡泡圖、漏斗圖、金字塔圖、進度條、文字雲…等
  • 除了單一圖片，也能發佈包含多圖、內文、自訂圖片等全部結合在一起的頁面
  • 要轉存成靜態圖片的話要付費

範例

plotDB

plotDB 是台灣人製作的資訊圖表服務，像報導者有很多圖都是在這邊做，再嵌入報導之中。「資料視覺化」部落格的這篇文章也有 也有 PlotDB 蠻詳細的介紹。
PlotDB 好處是介面有中文，但編輯畫面還是有很多英文需要克服。我覺得比較像工程師的工具，介面上沒那麼直覺，但它提供的圖表量是最多的，懂程式的話也能進一步修改 css, html。

plotDB特性

  • 介面都是中文環境
  • 很多複雜的圖如 Sanky 圖、台灣縣市地圖、時間軸、故事地圖…等
  • 會程式的話也可以編輯包含 html, css, js 的文件檔
  • 已經一段時間一直都是公測狀態，全功能免費開放，希望一直公測下去 XD

範例

來個不一樣的範例：

電價範例圖資料來源：
https://data.gov.tw/dataset/25531

2016政治獻金資料來源
https://github.com/mirror-media/politicalcontribution

留言

張貼留言

這個網誌中的熱門文章

Google 試算表如何做出數字旁儲存格內的長條圖

-
圖片
今天想要講這個怎麼做： 就是裡面那個藍藍的長條圖，直接看會覺得很簡單，不過其實做法有點迂迴哈哈。 不想知道怎麼做的人，請直接把這個公式拿去用，不用謝了。 = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" , 4 , 20 , J2 /max( J $2 :J $26 )* 100 ) 再來我要講原理。 首先要知道，右邊藍色那個不是試算表內建功能，也不是表格填色，它是一張張嵌入試算表的圖片產生的效果，靠 google 的這個嵌入外部圖片的函數： = IMAGE ( "http://www.some.domain/some.jpg" ); 由於圖片是依照左邊那格的數字決定寬度，才讓它看起來是長條圖。 那要怎麼取得自己決定寬度的圖片呢？這就要找到一個工具可以自由地從網址取得自訂義長寬的圖片了，就是用這個網站： 只要下面填對應的長、寬、色碼，它就會產生對應的單色圖片，因此把這串插進格子 = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" ) 就會產生 好了，我們把圖案弄到 google 試算表裡面了，接下來要動態調整寬度。 我們來看 IMAGE 公式的說明，發現有個數值可以改寬度。 IMAGE (網址, [模式] , [高度] , [寬度] ) 看一下 說明 會發現寬度只有在 [模式] 代入 4 的時候可以改，所以我們只需要知道每個數值所代換的寬度應該是多少。這時就要知道這個公式： J2 / MAX ( J $2 :J $26 )* 100 這樣表示會以 J2~J26 的最大值當作 100 ，去取 J2 對應到的寬。其中在 MAX() 裡面的 2 和 26 加 $ 字號，是為了讓公式複製到其他格子時， MAX() 取的範圍不會跑掉。（可以參閱 這篇網誌：相對參照與絕對參照 或 LibreOffice 的這個 wiki ） 最後代進去就完成了： = IMAGE ( "http://dummyimage.com/100x20/9cf?text=+" , 4 , 20 , J2 /max( J $2 :J $26 )* 100 )
閱讀完整內容

想讀的書太多？Trello 輕鬆做待讀清單

-
圖片
我是用 Trello 做個人的待讀書單，另外電影、電視劇的待看清單也都是這樣使用。目前覺得非常方便，而且同時也是寫書本筆記的好工具，只需要一個簡單的概念就能掌握這個做法。 運用列表 List 當作狀態 書單有個特性，如果同時期要讀很多本書，掌握每本的進度會很辛苦吧，這時原本用來管理工作進度的 Trello 就派上用場了。直接學專案管理方式，分成 Todo, Doing, Done 的概念來管理，就非常好用。 我一開始是分成「待讀」、「閱讀中」、「已讀完」三個列表，裡面的卡片就是一本本的書。後來隨著讀的書愈來愈多，發現有些清單實在太長了，才再分更細。例如「已讀完」我又分成「已讀完，收藏」、「已讀完，要騰筆記」。 接下來可以試著養成一些習慣，一旦有要看的書就在「待讀」清單加上那本書的卡片，當開始看書的時候就把那本書拉到「閱讀中」，讀完後或每隔固定時間，就檢查一下列表，把讀完的書的卡片拉到「讀完」。這個看板差不多就是你的讀書進度看板了。 運用 Trello 做讀書心得或筆記 Trello 一大特色是它的書寫方式，能夠順便當成筆記軟體，因應 Markdown 可以容易撰寫大綱、整理心得內容，我後來也衍伸把它其他功能拿來用，例如用待辦事項記看不懂、待查的項目，如果查過了就打勾；又或者用留言來記下名言或閱讀時出現的想法。 現代人的時間十分的瑣碎，使用 Trello 的同時也解決了這個問題，上述的功能用手機 App 完成都非常地省力，在捷運上也可以即時把心得都記下來。如果用 Android 手機推薦安裝「 widget for Trello 」這個小工具， 可以直接讓閱讀中這個列表呈現在桌面，讓你隨時最快點開正在讀的書的卡片。 本文重點回顧 整理三個重點： 運用列表 List 分成「待讀」、「閱讀中」、「已讀」這三個狀態。 想讀的書加入「待讀」清單，隨時更新卡片狀態。 讀書的過程，可以運用編輯卡片來寫筆記與心得。 如果還想知道更多閱讀的技巧，還能參考之前我整理的「 一年讀 100 本書的方法 」這篇文章喔！！
閱讀完整內容

讓超人幫你的團隊做更多事情 - Zapier

-
圖片
你的組織會不會常常有這種困擾呢? 收到特定內容的 email，要一封封整理到excel表格裡(例如訂單)，或是接到報名表時要自動回覆 email 、並且備一份存到 Dropbox……等等等等，這些瑣事都浪費了很多小時間在單純的複製貼上，一直重覆做之後就會覺得「老娘才沒那個美國時間陪你在這邊耗呢!!」，幸好有個神奇的超人級服務「 Zapier 」 能幫你全都做掉了。 Zapier 就像是企業板的 Ifttt ，你可以設定當 A 服務觸發什麼機制時，就把資料轉嫁到 B 服務，例如說收到包含 #dropbox 的 Mail 就把附件上傳到 Dropbox 之類的，或是當 Google 試算表新增一筆訂單時把資料送到 Trello 。因為它介接的服務真的很多種，因此你的組織能用的應用也超多的!!下面舉幾個例子: 每當共用 google calendar 新增事件時，新增一個 email 當作通知 google drive 試算表新增一行時，寄一封通知信給某個人(同理，這招可以設在 google 表單，延伸可以做填完表單後的自動回覆功能!!) 在粉絲頁新發表一篇文章時，備份該文章到 google 試算表，以方便搜尋 gmail 收到特定內容的檔案時，把附件存一份到 dropbox 或 google drive。 有興趣的話可以找找他們官網的 Use Cases 看更多範例。 對於資訊人員，不用寫很多程式就能做到電腦能達到的功能真的蠻受用的。Zapier 的介面算是很平易近人，你可以自由決定資料如何串接，例如 google 試算表的表單填好直接產生 google calendar 的事件，你可以設定哪個欄位的資料要填到主旨，哪個填到指派人員…等等詳細的操作。 仔細想想什麼功能能讓你的團隊事半功倍，就能好好利用它，不過免費版有以下一些限制，一定要注意 : 最多只能同時啟用 3 個機制 每個月觸發100次的限制 每 15 分鐘觸發一次 更多詳細的規格可以參考它的 價格說明頁 。好好善用 Zapier ，讓你的團隊更專於核心的事情上。 下次拿一個範例來寫教學，敬請期待。
閱讀完整內容