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 本書的方法 」這篇文章喔！！
閱讀完整內容

WIX 的 SEO 怎麼做?

-
圖片
SEO 就三件事： 讓 Google 搜尋到 改 Facebook 的預覽 改 Google 搜到的預覽結果 先從 1 開始吧： 讓 Google 搜尋到 第一個是打開「被搜尋」的功能，我們要進網頁設定的 SEO 設定分頁，在這裡： 第一個圈圈裡面會看到 打勾就能被搜到了 改 Facebook 的預覽 承上述的步驟，到設定中的「Social 」表單 圈圈裡的就是改 FB 預覽圖的地方唷 改 Google 搜到的預覽結果 搜尋結果要去改每一個分頁的資料，分別要填入「標題」、「簡介」、「網址」 先進到頁面設定 每一頁都有這三欄要填 其中標題我習慣填這樣： {該頁標題} | {網站標題} 用一個直槓分開該頁和網站的標題。例如其中的人生大哉問就是 人生大哉問 | 街頭觀察報告 第二彈 簡介就把內文第一段貼上來。 網址只能決定網域的 「 / 」右邊的字，有助於讓其他人快速跳到某一頁。我習慣是用 page1 , page2 這樣，子頁面就用 page2-1 , page2-2 … 以此類推 修改標題和簡介的同時，也會修改 FB 預覽喔。 P.S. 最後看到預覽如果還是舊的，要到 Facebook Debug 工具 ，按 「Fetch new scrape information」清除舊的預覽喔。
閱讀完整內容