數據可視化案例與工具大放送

Print More

周末又來臨了,除了玩樂之外不如學學乾貨!深度君為你帶來233個財政數據可視化好作品大集合,還有即學即用的8大開源可視化工具、2490個D3圖表整合推薦。趕快按照下面的指示學起來吧:)

1.財政數據可視化大集合

233個財政數據可視化作品大集合,出自開放知識基金政策和研究方向的負責人Jonathan Gray之手,他目前正在做財政數據可視化有關的研究。

他將全球好的財政數據可視化作品收集在一起,並在谷歌表格上發布共享。這些作品有出自媒體、民間機構和公共機構之手,以可視化手法呈現世界各地的公共財政數據。

半島電視台在2014年發表了中國在非洲投資的可視化作品。2000到2012年間,中國政府在非洲投資項目超過1900個,承諾投資超過1280億美金。然而僅有59%的項目的狀態是“施工中”或“已完成”,剩下的眾多項目仍處在承諾或規劃階段。

半島1

讀者可以直觀地看到中國在非洲各國投資項目的數量、投資金額大小,以及中國在非洲投資大壩、體育館、礦產和高速公路等項目的情況。

查看地址:http://www.aljazeera.com/indepth/interactive/2014/03/interactive-china-african-spending-spree-2014320121349799136.html

政府的預算報告也是一個亮點。新加坡和香港政府的財政預算也分別被新加坡《海峽時報》和香港《南華早報》以可視化方式呈現,作者可以很直觀地看到財政預算的剖析。

查看地址:

1.《海峽時報》“How the Singapore Government is spending its dollars in 2015”:

http://graphics.straitstimes.com/STI/STIMEDIA/Interactives/2015/02/budget_singapore_2015/index.html

聯合早報

2.《南華早報》“Deconstructing the 2014-15 Hong Kong Budget”:

http://www.scmp.com/infographics/article/1438790/deconstructing-hong-kong-budget

cover_print那麼Jonathan Gray是何許人也?看過《數據新聞手冊》的人應該對他不陌生。他是該手冊的貢獻者之一。在手冊其中一章節里介紹公共開銷案例。2007年,Jonathan Gray向開放知識基金會提議做“我的錢去哪兒了”項目,讓用戶用更直觀的開源工具了解不同來源的公共數據,推動信息透明。

《數據新聞手冊》
下載地址:http://datajournalismhandbook.org/chinese/case_studies_3.html


2. 開源可視化工具大放送 

想知道靈動炫酷的可視化效果怎麼做?怎麼從零基礎開始學?軟件開發師、開源支持者Nitishi Tiwari撰文重點推薦了八款數據可視化的開源工具 (點擊左邊即可看到工具條目),一解眾憂。如果覺得不過癮,點擊文末鏈接,有50款工具推薦。

Data Wrapper:由歐洲的新聞學院開發,以便新聞機構做數據可視化作品。該工具基於圖形用戶界面(GUI),可以用簡單四步繪圖。

Chart JS:簡潔的圖表庫。在生成圖表之前,需要把函數庫加進前端代碼中,之後可以從函數庫的應用程序編程接口(API)加圖表,賦值。這款工具適合想要精確調整圖表外觀的人。它不適合想用現成工具用戶。

Charted:由Medium的產品科學組開發,是最簡便的在線表格工具之一。只需粘貼谷歌表格或.csv文件,工具就會抓取數據,生成表格。Charted每三十分鐘抓取數據,及時更新。

D3:是數據驅動文件(data-driven documents)的縮寫,是一個JavaScript函數庫。它使用數據創造並控制在網絡瀏覽器里運行的交互圖形,必須嵌入在html網頁中,依賴矢量圖形(SVG), 層疊式樣式表(CSS3)等html的工具展示圖形。因為需要編寫代碼,更適合掌握此項技能的數據新聞程序員們。D3Dygraphs是一款基於JavaScript的函數庫,十分靈活。這款工具的優勢是可以處理大的數據集,並為終端用戶生成互動數據。dygraphs

Raw:基於網頁的可視化工具。用戶可以粘貼數據,在幾步內生成圖表。

Timeline: 用來做時間軸。按照規定格式將數據放在谷歌表格中,之後Timeline工具生成並發布。然後再網頁上嵌入代碼即可。

Leaflet:一款輕便、適合移動端用戶的JavaScript函數庫,用來製作互動地圖。


3. D3案例:2490個例子!

2490個例子?是的你沒有看錯,就是上文介紹過的開源可視化新銳D3,它的一大好處是讓用戶能輕鬆添加、修改和刪除數據元素。有業界良心的網友在網上收集了多達2490個D3的圖表例子分享給大家。打開鏈接,你會發現圖表已按照不同樣式類別歸類,在頁面左邊可以分類查看,也可以在左上方的搜索框里查詢,或是瀏覽右邊的縮略圖(點擊可見大圖)。在已有分類的1000個案例中,以地圖、網狀圖、柱狀圖、折線圖等類型居多。任何用戶都能在谷歌表格添加案例、題目、超鏈接、作者、可視化類型等,簡單易行。

查看地址:http://christopheviau.com/d3list/gallery.html?utm_content=buffer0449d&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer

https://docs.google.com/spreadsheets/d/18zB8uzA54nkcHoV-1cPwRwzOgqFixtC6Ee38-ugZeng/edit#gid=0

編輯/張雯

Print Friendly, PDF & Email

7 thoughts on “數據可視化案例與工具大放送

  1. I got this site from my pal who shared with me about this website and at the moment this time I am visiting
    this web site and reading very informative posts at this time.

  2. We’re a gaggle of volunteers and opening a new scheme in our community.

    Your website provided us with useful info to work on. You have done a
    formidable process and our whole group will be grateful to you.

  3. Admiring the time and effort you put into your website and in depth information you
    offer. It’s great to come across a blog every once in a while that isn’t the same outdated rehashed information. Excellent read!
    I’ve saved your site and I’m adding your RSS feeds to my Google account.

  4. Hi there! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly? My website looks weird when browsing from my apple iphone.
    I’m trying to find a template or plugin that might be able
    to correct this issue. If you have any recommendations, please
    share. Cheers!

    • The site looks fine from my iphone either on Chrome or the Safari browser. Can you maybe further describe the problem you encountered? Thanks.

發表回復

您的電子郵箱地址不會被公開。 必填項已用 * 標註