我們為12個可視化工具出了一份相同的考題|獨家編譯

編者按:

本文作者Lisa Charlotte Rost,是一名數據可視化設計師,目前作為自由設計師為新聞社工作。對不同數據可視化工具我們都應保持一種開放的心態:在接納過程中我們可能會發現更好用的,也可能會發現目前使用的工具是最好的選擇。

因此,我們為十二個可視化工具出了一份相同的考題。

(小編偷偷告訴你,後面有彩蛋哦)

你用哪種工具來可視化數據?每個人都有自己的偏好。有人會說,「這個工具帶我入門」,又或者「我崇拜的人用這個工具,並且做出了我見過的最好看的圖表」。和語言一樣,多數人在使用工具上傾向於「從一而終」。

我們為十二個可視化工具出了一份相同的考題,看看這些工具的表現如何。我們使用一個由Gapminder提供的2015年包含187個國家的人均預期壽命(health)、人均GDP(income)和人口數(population)的數據。數據如下所示:

在接下來的可視化呈現中,X軸表示人均GDP,Y軸表示預期壽命,氣泡的大小代表這個城市的人口數量,你既可以稱它為散點圖,也可以稱為有的則稱為氣泡圖。

之所以選擇這樣一個簡單的圖表進行可視化,是因為:對氣泡大小的調整可以明顯對比出哪款工具更好用。

規則:這裡會最大程度地嘗試去模仿這張Gapminder圖表,但並不會過度去使用設計類工具。比如,在Illustrator中,只會用到圖表工具而不用那些名目繁多的設計類選項。同樣的,這裡也不事先修改數據csv文件,數據表格會始終如一。

Excel

從最常見的軟體開始。這也是所有工具中,散點圖創建花費最多精力的一個工具。在弄清楚如何調整坐標軸後,發現所有的氣泡看上去就像是沒有識別度的一團黑,需要找到辦法。「給不同的氣泡上色Vary color by point」的選項能夠讓氣泡變得五顏六色。可以說,Excel在坐標軸理解方面表現出色。

Google Sheets

目前我最喜歡的圖表工具。至少在Mac電腦,工作比Excel更為流暢。雖然它沒有Excel那麼複雜和功能強大,但也足以完成散點圖中所需要的基本操作(比如:拆分、去重、countif函數、ifelse語句、vlookup語句、最大值、平均值、中位數、簡單的數據透視表)。Google Sheets可以做出氣泡圖,但是需要一點小改動——需要調整一下數據。

Adobe Illustrator

幾乎所有的信息設計者在數據設計中都會用到的一個工具。事實上,Illustrator中的圖表工具糟透了。舉個例子:Illustrator不能處理氣泡圖。而且這裡沒有對數標尺的選項(如果你想要設置,你需要處理數據)。

RAW by DensityDesign

RAW被稱為Adobe Illustrator的超級簡易延伸:你可以將圖表導出為SVG或PDF格式,然後在Illustrator中調整。對氣泡圖,RAW確實有改變氣泡的大小的選項和設置坐標軸0點(但橫縱坐標軸需要同時設置)。同樣,它也沒有對數標尺。

Lyra

這個軟體出現有一段時間了,但它還是存在一些問題,我不推薦它作為你們的第一選擇。相比於它的執行能力,它的概念或許更讓人喜歡:Lyra把每個可視化的基礎元素、大小、高度和寬度都變成可以用數據調整的東西——只需要簡單的拖拽變數和尺度。你可以把最後的圖導出為SVG,這樣就可以用Illustrator調整。在這方面,Illustrator應該學學Lyra。

Tableau Public

僅僅能處理數據。它用於交互圖表花費的時間太多了,並且它也不能導出SVG或PDF以及任何其他格式。從這點來看,免費版本確實用途不大。但是就探索而言,它還是值得一試。

原文編者Ben Jones註:Tableau可以在圖表上傳到雲端後,再下載成PDF格式,然後再用Illustrator調整。需要上傳圖表這一點挺麻煩的,但是可以導出PDF也還不錯,這能夠幫助很多設計師。這也使Tableau變成了Illustrator的一個延伸。

Polestar

和Lyra一樣,Polestar也是華盛頓大學的交互數據實驗室的作品。Polestar使用Vega Lite(一種新的交互數據可視化語法),Vega lite基於Vega,而Vega則是基於D3.js。他們的創造者稱Polestar是「輕量級的Tableau式界面的可視化分析軟體」。而且它真的是輕量級的(而且處在開發初期,仍有一些故障,也沒有選項用於調整圖形大小)。但是對我而言,這是一個免費、開源(瀏覽器運行)的Tableau替代品,所以我真的希望這個工具能繼續改進。

註:Vega-Lite是一個基於Vega的高級語言,它支持用簡潔的規範,快速定義數據的可視化和交互模式。Vega是一個比較高級的語言,支持用戶快速的定義、實現常見的可視化和交互方式。Vega在實現中,很大程度地依賴了D3。D3是比較底層的語言,它具有比較好的表達性,能夠支持用戶實現各種新穎、複雜的交互方式。

Quadrigram

一個故事構建工具,其中子功能就是創建圖表。首先你需要將你的Google Drive賬戶連接到Quadrigram上。儘管如此,Quadrigram似乎是簡化版的Lyra。適用於簡單的項目,但是它也不提供對數標尺。不過你可以導出SVG。

Highcharts Cloud

這個軟體以Javascript庫著稱,他們也可以通過點擊直接生成圖表:Highcharts Cloud。這個工具挺讓我失望的。我花了很長時間才弄清以下幾個問題:1)沒有辦法為坐標軸調整變數,因此你的數據表格一開始就必須要按照正確的順序來排列;2)「收入」數據一項並沒有以數字的形式讀入,而是被識別為「字元串strings」或「類別categories」,儘管Highcharts展示的數據類型是「數字」;3)「顛倒坐標軸」選項可以改變坐標軸方向,但是卻把y軸上下顛倒了,而x軸卻沒有變化;4)「健康」欄的數值範圍從50到100,但Highcharts卻顯示了0到12.5 k的範圍,因此,數值範圍只能手動設置。

Easychart

Easychart擁有Highcharts(是一個用純JavaScript編寫的一個圖表庫)庫的界面,在對我們的數據處理上,Easychart比前一個Highcharts的體驗更好。遺憾的是,這個軟體也不能在坐標軸上調整變數,所以我不得不刪除數據中的「國家」列。按理說應該將初始值設置為0——但是設置完後表格卻消失了。不過,在這個軟體里我還是完成了氣泡圖的製作。你可以把圖表存成PDF和SVG的格式,這意味著你可以用Illustrator進行調整。

Plotly

和High charts一樣,Plotly有一個點擊工具和一個Javascript庫,還有R庫和Python庫。不像Highcharts Cloud和Easychart,在這裡我可以直接在坐標軸上調整變數。一切都變得簡單了。而且Plotly發布了一個點擊工具的升級版本——不過它只針對付費用戶。

NodeBox

可視化的程序語言如果能做到像 NodeBox這樣是非常棒的。但是在散點圖上運行時,就可以明顯感覺到它並不是為簡單的數據可視化而生。它並不能直接將這些橢圓的氣泡直接分布在x和y值上,相反地用戶首先必須得創造出「點」,然後將這些「點」的坐標值傳遞給氣泡。因此,NodeBox幾乎不可能創造出我們數據想要的坐標軸。不過在視覺上還挺好看的。你也可以在GitHub上面找到相關的代碼。

Datawrapper

(對,有十三個工具,但是Datawrapper並沒有成功入圍)

這個工具是目前更簡單的圖表編輯工具之一,而且被許多新聞編輯部的人運用。但是它不能提供散點圖。事實上,Datawrapper應該只是用來展示,而散點圖是一種需要仔細處理的展示格式。

作者Lisa Charlotte Rost的評價如下:

1、Excel:在坐標軸理解方面表現出色,但是在上色之前所有的氣泡看上去就像是沒有識別度的一團黑。n2、Google Sheets:可以做出氣泡圖,但是需要調整一下數據。n3、Adobe Illustrator:尷尬了,不能處理氣泡圖。n4、RAW by DensityDesign:它沒有對數刻度,所以X軸上的氣泡很分散。n5、Lyra:可以拖拽變數和尺度。n6、Tableau Public:軟體的免費版本不能導出,很遺憾。n7、Polestar:處在開發初期,仍有一些故障,沒有選項用於調整圖形大小。n8、Quadrigram:沒有對數刻度,可以導出。n9、Highcharts Cloud:數據的格式讀取存在問題,數值範圍只能手動設置。n10、Easychart:在操作過程中刪除了數據中的「國家」列。n11、Plotly:可以直接在坐標軸上調整變數。n12、NodeBox:用戶必須得先創造出「點」,然後將這些「點」的坐標值傳遞給氣泡。n

鏑數

當然除了以上12個可視化工具,鏑次元也自告奮勇,派出了每一天都在日臻完善的鏑數工具加入了這場考試。

如果你仔細看,你會發現上面我們提供了14個圖表,其中最後兩個圖表就是鏑數的作品。以下是答題過程。

考號:001

姓名:立體氣泡圖

答題過程:

1、將數據集不加修改地複製粘貼至空白的表格

2、在圖表設置欄調整坐標軸映射

3、得到如下圖片,看起來是有些驚悚

4、進一步設置,修改畫布大小、填寫標題名稱、隱藏圖例

答題結果:

考號:002

姓名:G2氣泡圖

答題過程:

1、將數據集做了一些修改,與模板數據保持相同的維度(這是鏑數目前存在的小小bug,但是日後我們的工程師會改進它;改進完成後,用戶就不需要按照模板數據的維度來進行表格粘貼)

2、調整坐標軸映射,在「分類」,它默認了映射為原始數據沒有的「所屬洲」,呈現的圖表效果為單色

3、將「分類」映射改為「國家」後,得到如下的彩色圖表

答題結果:

——等等,這還不是最後結果

將滑鼠懸停在任何一個氣泡上,就可以看到氣泡相關的信息,驚不驚喜,開不開心?

感興趣的小夥伴,來感受一下動態效果吧。


推薦閱讀:

ray的數據新聞學習日記(九):可視化過程中的配色問題
數據新聞和精確新聞有什麼區別?

TAG:数据可视化 | 数据可视化设计 | 数据新闻 |