我多次被炫目的數(shù)據(jù)可視化或信息可視化震驚,在我知道這些圖片背后的數(shù)據(jù)來源和創(chuàng)造歷程后,更是為之詫異不止。它涉足制圖學(xué)、圖形繪制設(shè)計(jì)、計(jì)算機(jī)視覺、數(shù)據(jù)采集、統(tǒng)計(jì)學(xué)、圖解技術(shù)、數(shù)型結(jié)合以及動(dòng)畫、立體渲染、用戶交互等。相關(guān)領(lǐng)域有影像學(xué)、視知覺?臻g分析、科學(xué)建模等。
這是創(chuàng)造性設(shè)計(jì)美學(xué)和嚴(yán)謹(jǐn)?shù)墓こ炭茖W(xué)的卓越產(chǎn)物。用極美麗的形式呈現(xiàn)可能非常沉悶繁冗的數(shù)據(jù),其表現(xiàn)和創(chuàng)作過程完全可以稱之為藝術(shù)。所以我翻譯了來自SM上的3篇數(shù)據(jù)可視化和信息圖形的文章,主要是鑒賞并提供一些參考資料。我盡量查找了每張數(shù)據(jù)圖表背后的背景,添加了標(biāo)注和說明,希望那個(gè)幫助讀者更深入地理解這些圖表所呈現(xiàn)的含義,而不僅僅是停留于對(duì)“好看”的贊嘆上。這些圖片不會(huì)說話,但它們比文字和語言都更為有力。
數(shù)據(jù)可視化DataVisualization和信息可視化Infographics是兩個(gè)相近的專業(yè)領(lǐng)域名詞。狹義上的數(shù)字可視化指的是講數(shù)據(jù)用統(tǒng)計(jì)圖表方式呈現(xiàn),而信息圖形(信息可視化)則是將非數(shù)字的信息進(jìn)行可視化。前者用于傳遞信息,后者用于表現(xiàn)抽象或復(fù)雜的概念、技術(shù)和信息。
而廣義上的數(shù)據(jù)可視化則是數(shù)據(jù)可視化、信息可視化以及科學(xué)可視化等等多個(gè)領(lǐng)域的統(tǒng)稱。
數(shù)據(jù)可視化起源于1960s計(jì)算機(jī)圖形學(xué),人們使用計(jì)算機(jī)創(chuàng)建圖形圖表,可視化提取出來的數(shù)據(jù),將數(shù)據(jù)的各種屬性和變量呈現(xiàn)出來。隨著計(jì)算機(jī)硬件的發(fā)展,人們創(chuàng)建更復(fù)雜規(guī)模更大的數(shù)字模型,發(fā)展了數(shù)據(jù)采集設(shè)備和數(shù)據(jù)保存設(shè)備。同理也需要更高級(jí)的計(jì)算機(jī)圖形學(xué)技術(shù)及方法來創(chuàng)建這些規(guī)模龐大的數(shù)據(jù)集。隨著數(shù)據(jù)可視化平臺(tái)的拓展,應(yīng)用領(lǐng)域的增加,表現(xiàn)形式的不斷變化,以及增加了諸如實(shí)時(shí)動(dòng)態(tài)效果、用戶交互使用等,數(shù)據(jù)可視化像所有新興概念一樣邊界不斷擴(kuò)大。
而我們熟悉的那些餅圖、直方圖、散點(diǎn)圖、柱狀圖等,是最原始的統(tǒng)計(jì)圖表,它們是數(shù)據(jù)可視化的最基礎(chǔ)和常見應(yīng)用。作為一種統(tǒng)計(jì)學(xué)工具,用于創(chuàng)建一條快速認(rèn)識(shí)數(shù)據(jù)集的捷徑,并成為一種令人信服的溝通手段。傳達(dá)存在于數(shù)據(jù)中的基本信息。所以我們可以在大量PPT、報(bào)表、方案以及新聞見到統(tǒng)計(jì)圖形。
但最原始統(tǒng)計(jì)圖表只能呈現(xiàn)基本的信息,發(fā)現(xiàn)數(shù)據(jù)之中的結(jié)構(gòu),可視化定量的數(shù)據(jù)結(jié)果。
面對(duì)復(fù)雜或大規(guī)模異型數(shù)據(jù)集,比如商業(yè)分析、財(cái)務(wù)報(bào)表、人口狀況分布、媒體效果反饋、用戶行為數(shù)據(jù)等,數(shù)據(jù)可視化面臨處理的狀況會(huì)復(fù)雜得多。
可能要經(jīng)歷包括數(shù)據(jù)采集、數(shù)據(jù)分析、數(shù)據(jù)治理、數(shù)據(jù)管理、數(shù)據(jù)挖掘在內(nèi)的一系列復(fù)雜數(shù)據(jù)處理,然后由設(shè)計(jì)師設(shè)計(jì)一種表現(xiàn)形式,是立體的、二維的、動(dòng)態(tài)的、實(shí)時(shí)的還是允許交互的。然后由工程師創(chuàng)建對(duì)應(yīng)的可視化算法及技術(shù)實(shí)現(xiàn)手段。包括建模方法、處理大規(guī)模數(shù)據(jù)的體系架構(gòu)、交互技術(shù)、放大縮小方法等。動(dòng)畫工程師考慮表面材質(zhì)、動(dòng)畫渲染方法等,交互設(shè)計(jì)師也會(huì)介入進(jìn)行用戶交互行為模式的設(shè)計(jì)。
所以一個(gè)數(shù)據(jù)可視化作品或項(xiàng)目的創(chuàng)建,需要多領(lǐng)域?qū)I(yè)人士的協(xié)同工作才能取得成功。人類能夠操縱和解釋如此來源多樣、錯(cuò)綜復(fù)雜跨領(lǐng)域的信息,其本身就是一門藝術(shù)。
數(shù)據(jù)可視化在發(fā)展過程中,科學(xué)和工程領(lǐng)域的應(yīng)用衍生出了分支:科學(xué)可視化——“利用計(jì)算機(jī)圖形學(xué)來創(chuàng)建視覺圖像,幫助人們理解科學(xué)技術(shù)概念或結(jié)果的那些錯(cuò)綜復(fù)雜而又往往規(guī)模龐大的數(shù)字表現(xiàn)形式”。
在計(jì)算機(jī)誕生之前,科學(xué)的可視化行為就存在。如等高線圖、磁力線圖、天像圖等等。利用計(jì)算機(jī)的強(qiáng)大運(yùn)算能力,人類可以使用三維或四維的方式表現(xiàn)液體流型、分子動(dòng)力學(xué)的復(fù)雜科學(xué)模型。
比如利用經(jīng)驗(yàn)數(shù)據(jù),科學(xué)可視化在天體物理學(xué)(模擬宇宙爆炸等)、地理學(xué)(模擬溫室效應(yīng))、氣象學(xué)(龍卷風(fēng)或大氣平流)模擬人類肉眼無法觀察或記錄的自然現(xiàn)象;利用醫(yī)學(xué)數(shù)據(jù)(核磁共振或CT)研究和診斷人體;或者在建筑領(lǐng)域、城市規(guī)劃領(lǐng)域或高端工業(yè)產(chǎn)品的研發(fā)過程中發(fā)揮重大重用。比如汽車的研發(fā)過程中,需要輸入大量結(jié)構(gòu)和材料數(shù)據(jù),模擬汽車在受到撞擊時(shí)如何變形。在城市道路規(guī)劃的設(shè)計(jì)過程中,需要模擬交通流量。
雖然科學(xué)可視化的表現(xiàn)形式對(duì)于普通人比較陌生,像粒子系統(tǒng)、散點(diǎn)圖、熱力圖等圖表不接受專業(yè)訓(xùn)練很難看懂。但實(shí)際上科學(xué)可視化的成果已經(jīng)滲透到我們生活的每個(gè)角落。
90年代初期,信息可視化領(lǐng)域進(jìn)入人們的視野。用于解決對(duì)異質(zhì)性數(shù)據(jù)中“抽象”的部分的分析。幫助人們理解和觀察抽象概念,放大了人類的認(rèn)知能力。
科學(xué)可視化和信息可視化的差別比較微妙,因?yàn)榭茖W(xué)可視化的大部分處理對(duì)象都是抽象的概念。在手段和技術(shù)上也有大量共同之處。所以邊界比較模糊。
在國外,許多大型企業(yè)、科研機(jī)構(gòu)都會(huì)有相關(guān)部門進(jìn)行數(shù)據(jù)可視化研究,如數(shù)字圖書館。媒體和政府機(jī)構(gòu)也會(huì)對(duì)自己掌握的數(shù)據(jù)進(jìn)行可視化分析,如犯罪地圖。在互聯(lián)網(wǎng)上,那些掌握了大量用戶活動(dòng)信息、用戶關(guān)系網(wǎng)或語料庫的網(wǎng)站,比如digg,friendfeed,flickr或大型電子商務(wù)網(wǎng)站等,都有實(shí)驗(yàn)性的可視化項(xiàng)目?上г谥袊谶@方面的商用或?qū)嶒?yàn)項(xiàng)目還是比較空白的。
數(shù)據(jù)可視化的開發(fā)和大部分項(xiàng)目開發(fā)一樣,也是根據(jù)需求來根據(jù)數(shù)據(jù)維度或?qū)傩赃M(jìn)行篩選,根據(jù)目的和用戶群選用表現(xiàn)方式。同一份數(shù)據(jù)可以可視化成多種看起來截然不同的形式。
•有的可視化目標(biāo)是為了觀測(cè)、跟蹤數(shù)據(jù),所以就要強(qiáng)調(diào)實(shí)時(shí)性、變化、運(yùn)算能力,可能就會(huì)生成一份不停變化、可讀性強(qiáng)的圖表。
•有的為了分析數(shù)據(jù),所以要強(qiáng)調(diào)數(shù)據(jù)的呈現(xiàn)度、可能會(huì)生成一份可以檢索、交互式的圖表
•有的為了發(fā)現(xiàn)數(shù)據(jù)之間的潛在關(guān)聯(lián),可能會(huì)生成分布式的多維的圖表。
•有的為了幫助普通用戶或商業(yè)用戶快速理解數(shù)據(jù)的含義或變化,會(huì)利用漂亮的顏色、動(dòng)畫創(chuàng)建生動(dòng)、明了,具有吸引力的圖表。
•還有的圖表可以被用于教育、宣傳或政治,被制作成海報(bào)、課件,出現(xiàn)在街頭、廣告手持、雜志和集會(huì)上。這類圖表擁有強(qiáng)大的說服力,使用強(qiáng)烈的對(duì)比、置換等手段,可以創(chuàng)造出極具沖擊力自指人心的圖像。在國外許多媒體會(huì)根據(jù)新聞主題或數(shù)據(jù),雇用設(shè)計(jì)師來創(chuàng)建可視化圖表對(duì)新聞主題進(jìn)行輔助。
說了那么多,大家都可以感受到數(shù)據(jù)可視化所應(yīng)用價(jià)值,其多樣性和表現(xiàn)力吸引了許多從業(yè)者,而其創(chuàng)作過程中的每一環(huán)節(jié)都有強(qiáng)大的專業(yè)背景支持。無論是動(dòng)態(tài)還是靜態(tài)的可視化圖形,都為我們搭建了新的橋梁,讓我們能洞察世界的究竟、發(fā)現(xiàn)形形色色的關(guān)系,感受每時(shí)每刻圍繞在我們身邊的信息變化,還能讓我們理解其他形式下不易發(fā)掘的事物。
我通過翻譯這系列的文章,為數(shù)據(jù)可視化的創(chuàng)造力所折服,也為其所能誕生和發(fā)展的背景環(huán)境所感嘆。希望國內(nèi)能有更多的跨領(lǐng)域人才的教育背景,能有發(fā)展實(shí)驗(yàn)性項(xiàng)目的環(huán)境,設(shè)計(jì)師們能擁有更多的創(chuàng)造力和專業(yè)素養(yǎng),永遠(yuǎn)保持好奇心和敏感。
數(shù)據(jù)可視化相關(guān)的引擎/程序/工具(來自wiki百科)
•Instantatlas
•DataDesk
•D****IX
•Eye-Sys
•FerretDataVisualizationandAnalysis
•GGobi
•IBMOpenDX
•IDL(programminglanguage)
•StyleIntelligence
•OpenLinkAJAXToolkit
•ParaView
•Smile(software)
•StatSoft
•Visifire
•VisIt
•VTK
•Yoix
•Prefuse
信息可視化的相關(guān)方法
•Cladogram(phylogeny)分支圖
•Coloralphabet色彩字母表
•Dendrogram(classification)樹狀圖
•Informationvisualizationreferencemodel信息可視化
•Graphdrawing圖形繪制
•Halo(visualizationtechnique)暈輪法
•Heatmap熱力型地圖
•HyperbolicTree雙曲樹
•Multidimensionalscaling多維尺度分析
•ProblemSolvingEnvironment問題求解環(huán)境
•Treemapping矩形式樹狀圖
(一)現(xiàn)代的數(shù)據(jù)可視化方法可視化
數(shù)據(jù)的表現(xiàn)形式可以是美麗、優(yōu)雅和描述性的。有多種傳統(tǒng)的數(shù)據(jù)表現(xiàn)形式在每個(gè)項(xiàng)目及可能的場(chǎng)合被頻繁地使用:如表格、餅圖、柱狀圖等。但為了更有效地向你的讀者傳達(dá)信息,有時(shí)你需要絕不僅僅是一張餅圖。有更好的、深刻的、富于創(chuàng)造性以及富有趣味的方法來可視化數(shù)據(jù)。它們中的許多將在未來數(shù)年內(nèi)變得應(yīng)用普遍。
我們期待的是什么?有哪些些革新性的想法已經(jīng)在成熟使用?還有哪些創(chuàng)意地表現(xiàn)數(shù)據(jù)的方式是我們從未想過的?
讓我們看看最有趣和最現(xiàn)代的數(shù)據(jù)可視化方法,以及一些相關(guān)文章、資源和工具。
1、Mindmaps概念圖
Trendmap2007(趨勢(shì)地圖2007)
Informationarchitects、jp依據(jù)分類、相似性、成功度、知名度和前景,為當(dāng)年互聯(lián)網(wǎng)上最成功的200個(gè)網(wǎng)站制作了一張趨勢(shì)地圖。這些網(wǎng)站以前顯然從未以這種方式建立過聯(lián)系。相當(dāng)詳盡。
譯注:(這是一個(gè)著名的數(shù)據(jù)可視化創(chuàng)意,作者通過改造東京地鐵地圖,將站點(diǎn)設(shè)計(jì)成地鐵站,每種網(wǎng)站應(yīng)用類型是一條地鐵線。比如粉紅色代表分享類網(wǎng)站,紫紅色代表工具類,大紅色代表技術(shù)網(wǎng)站,檸檬黃色代表知識(shí)類網(wǎng)站……
當(dāng)然如果你對(duì)東京的城市地理狀況有所了解,看這張地圖時(shí)會(huì)露出更多會(huì)心的微笑。設(shè)計(jì)師在圖中安排了大量暗喻和巧合,比如google從澀谷移到了新宿的位置,而Youtube已經(jīng)控制了澀谷地區(qū)。澀谷在通常理解中,代表年輕人出沒的喧嚷的地方。而新宿代表黑社會(huì)控制,很酷的地方。微軟移到了池袋,雅虎移到了上野,維基百科在新橋(一個(gè)遍布頭腦清醒上班族的地方)。日本的網(wǎng)站主要集中在金融路線附近,北部的站點(diǎn)線(山口線)上的項(xiàng)目多數(shù)比較“無聊”。等等)
2、DisplayingNews新聞?wù)故?/SPAN>
Newsmap(新聞地圖)是google新聞聚合器上實(shí)時(shí)的新聞反饋的可視化呈現(xiàn)。數(shù)據(jù)塊的大小對(duì)應(yīng)了新聞受歡迎的程度。
譯注:(Newsmap反映的是google新聞聚合器實(shí)時(shí)更新的新聞。這種數(shù)據(jù)可視圖基于treemap樹狀圖的算法,適合表現(xiàn)大量信息的聚合。
用顏色、顏色深度、標(biāo)題字號(hào)、區(qū)塊面積來展現(xiàn)歸并后的信息。打破空間限制,幫助用戶快速識(shí)別、分類和認(rèn)知新聞信息、平面而直觀地展現(xiàn)不斷變化的信息片段。)
Voyage是一個(gè)rss閱讀器。它在屏幕中心呈現(xiàn)最新更新的新聞。新聞可以縮放和退出,有一條基于時(shí)間軸的導(dǎo)航。
譯注:(Voyage根據(jù)當(dāng)前時(shí)間點(diǎn)形成一條坐標(biāo)軸,使用了三維效果來分層次展現(xiàn)當(dāng)前的資訊和新聞點(diǎn),將信息的時(shí)間要素呈現(xiàn)地非常生動(dòng)?赏ㄟ^rss地址控制訂制信息來源。)
DiggBigSpy將最受歡迎的文章放在頂部,字號(hào)越大代表支持者越多。
譯注:(digglab使用5種動(dòng)態(tài)的數(shù)據(jù)可視化方式來表現(xiàn)信息的數(shù)據(jù)變化狀態(tài)。
DiggBigSpy是試驗(yàn)項(xiàng)目其中之一,最新被digg的新聞會(huì)向下滾動(dòng)更新屏幕,digg數(shù)越高,標(biāo)題字體越大。在版面中使用字號(hào)變化是傳統(tǒng)媒體的表現(xiàn)手段,在這里和實(shí)時(shí)滾動(dòng)的效果結(jié)合,很有沖擊力。)
DiggStack:根據(jù)用戶的digg數(shù)將文章排列成許多柱狀條,digg數(shù)越高,柱型越高。
譯注:(DiggStack同樣也是digglab的實(shí)驗(yàn)性項(xiàng)目之一,將最新/最熱/全部的100條digg文章排列成一行柱狀圖,水平線上的柱形高度代表digg數(shù),水平線下的柱形高度代表評(píng)論數(shù)。
某篇文章digg數(shù)實(shí)時(shí)增加時(shí),會(huì)從屏幕上方掉一個(gè)小方塊下來,俄羅斯方塊那樣,溶進(jìn)該新聞對(duì)應(yīng)的柱形中。點(diǎn)擊單個(gè)柱體可以分別查看每個(gè)時(shí)間區(qū)間內(nèi)的digg指數(shù)。這是一個(gè)非常有實(shí)時(shí)感和動(dòng)感的視覺系統(tǒng),極好地呈現(xiàn)了數(shù)據(jù)生成的實(shí)時(shí)性和聚合性。)
3、DisplayingData數(shù)據(jù)展示
Amaztype圖書搜索:根據(jù)從亞馬遜上采集的數(shù)據(jù),將圖書的搜索結(jié)果根據(jù)你所提供的關(guān)鍵字的字母形狀進(jìn)行排列?梢渣c(diǎn)擊單本書查看詳細(xì)信息。
Flickrtime也應(yīng)用了相似的創(chuàng)意。這個(gè)工具利用FlickrAPI將上傳的圖片根據(jù)當(dāng)前時(shí)間排列成時(shí)鐘數(shù)字的形狀。
c
TimeMagazine(時(shí)代周刊)使用峰值形狀的分布來強(qiáng)調(diào)地圖上美國人口的稠密程度。
CrazyEgg使用熱圖來讓您研究您的訪客的新聞,通常被點(diǎn)擊更多,更受歡迎的區(qū)域,使用的更“溫暖”的紅色來高亮顯示。
譯注:(CrazyEgg允許注冊(cè)用戶通過提交頁面url,顯示頁面的熱點(diǎn)圖、獲取每個(gè)元素的詳情、查看原始數(shù)據(jù)的完整摘要信息。熱圖是用戶行為分析的常見方法,這是一個(gè)著名的UE研究分析工具,給UE分析師提供觀察用戶行為,做出設(shè)計(jì)改進(jìn)意見的數(shù)據(jù)基礎(chǔ)。)
HansRoslingTEDTalk(漢斯。羅斯林的TED演講)瑞典著名教授HansRosling發(fā)表了一次傳統(tǒng)期的演講,解釋了他提出的表現(xiàn)統(tǒng)計(jì)數(shù)據(jù)的新方法。他的趨勢(shì)分析軟件(剛剛被google收購)將復(fù)雜的全球趨勢(shì)、十幾年的流行數(shù)據(jù)轉(zhuǎn)化為生動(dòng)的動(dòng)畫。用網(wǎng)格上的多彩的泡泡代表亞洲的各個(gè)國家,展現(xiàn)全民醫(yī)療和財(cái)富的狀況。用動(dòng)態(tài)的鐘型曲線表現(xiàn)國民收入分配的漲伏。在Rosling的手里,全球趨勢(shì)——預(yù)期壽命、兒童死亡率、貧困率——都變得清晰、直觀和有趣。
三視圖展示了地球的3個(gè)視點(diǎn):每個(gè)國家使用一個(gè)圓形代表,用圓圈的大小來代表軍費(fèi)開支額度,顏色的深度來代表占財(cái)政收入的比例,數(shù)據(jù)的演示非常緊湊和美觀。
WeFeelFine(我們感覺很好)根據(jù)來自大量blog的統(tǒng)計(jì)結(jié)果,表現(xiàn)了人類的感情。
譯注:(這是一個(gè)駭人的項(xiàng)目。。從2005年8月,該項(xiàng)目組從大量頁面上記錄人類的感情。每個(gè)幾分鐘,系統(tǒng)就會(huì)搜索世界上新近發(fā)布的blog里包含“我覺得”或“我的感覺”這類短語的文章,記錄包含這些短語的句子,并計(jì)算出里面c所包含的情緒,是悲傷、快樂、沮喪。這些信息和作者的社會(huì)結(jié)構(gòu)、年齡、性別、地理位置以及當(dāng)時(shí)當(dāng)?shù)氐奶鞖庖黄鸨槐A粝聛怼?/SPAN>
這個(gè)包含了數(shù)百萬人感情的數(shù)據(jù)庫,每天新增15000~2000條記錄,并提供了一系列有趣的接口用于查詢和做數(shù)據(jù)挖掘。
上圖中的粒子系統(tǒng)是通過接口生成的可視化形式之一,抽取了1500條數(shù)據(jù),每條數(shù)據(jù)是一個(gè)粒子,代表每個(gè)人的一種情緒。顏色對(duì)應(yīng)情緒類型,比如幸福是亮黃色,悲傷是深藍(lán)色,憤怒是紅色,平靜的感情是淺綠色。每個(gè)粒子的大小和表達(dá)情緒的語句的長度關(guān)聯(lián)。)
VisualizingthePowerStruggleinWikipedia(維基百科上:可視化的爭(zhēng)議)在熱力地圖上展示了最受歡迎的文章和被搜索最頻繁的請(qǐng)求。
譯注:(疑原文有誤。heatmap:熱力型地圖,做用戶體驗(yàn)分析的同學(xué)可能比較熟悉,是一種使用冷暖色來映射二維變量,以便于做出聚類分析的圖像,擅長用于體現(xiàn)頻率、密度等。
譯注:但是下面這兩張信息圖形使用的是氣泡型地圖。反映的是wiki百科中爭(zhēng)議性詞條的修訂次數(shù)。圓圈越大,修訂次數(shù)越多。排名前幾位的是:耶穌、阿道夫希特勒、2003年10月、任天堂革命、卡特里娜颶風(fēng)……)
Websitesasgraphs圖表網(wǎng)站。一個(gè)HTMLDOM的可視化應(yīng)用程序,根據(jù)url、表格、div標(biāo)簽、圖片、表單和其他標(biāo)簽,將網(wǎng)站可視化為信息圖形。
譯注:(這是一個(gè)分析頁面源碼的項(xiàng)目,使用樹狀分支圖。其中藍(lán)色代表<a>,紅色代表<table>類標(biāo)簽,綠色代表<div>,紫色代表<img>黃色代表數(shù)據(jù)集群(下拉菜單)…………。于是每個(gè)網(wǎng)站頁面的特性就以這樣一種奇特的圖像方式呈現(xiàn)出來了,從不同的結(jié)果圖像中可以看出每個(gè)網(wǎng)站的不同性格,比如門戶網(wǎng)站會(huì)生成非常龐大的樹狀圖;某些blog,主要是鏈接,會(huì)形成放射型圖像。蘋果網(wǎng)站生成的圖形就很簡(jiǎn)潔和規(guī)整。google.com就更不用說了,自由非常少的幾簇。猜猜上面的圖代表的是哪個(gè)網(wǎng)站?
譯注:yahoo.com。你可以發(fā)現(xiàn)它的圖里面沒什么綠色,但有許多紅色。。因?yàn)樗麄儧]有使用div布局,這在07年也是很罕見的了。)
InteractiveHistoryTimeline(互動(dòng)歷史年表)將英國的歷史劃分為可交互的塊狀數(shù)據(jù),同時(shí)呈現(xiàn)了歷史時(shí)間的密度。
譯注:(這個(gè)系統(tǒng)里每個(gè)顏色塊代表一段歷史時(shí)期,白點(diǎn)代表該時(shí)期中的歷史大事件。每個(gè)色塊可放大點(diǎn)擊,背景圖上有該歷史時(shí)期的標(biāo)志性圖像,可點(diǎn)擊每個(gè)白點(diǎn)查看事件信息。是一個(gè)不錯(cuò)的歷史演示系統(tǒng),設(shè)計(jì)雅致,操作感很強(qiáng),形式和內(nèi)容很匹配。)
WinningLottoNumbers(樂透大獎(jiǎng)號(hào)碼)該圖展示了每年的中獎(jiǎng)號(hào)碼中每個(gè)數(shù)字的出現(xiàn)頻率。當(dāng)然這張圖并不算是一個(gè)很清晰的案例。
譯注:(這張圖描繪了樂透獎(jiǎng)號(hào)碼在88~06年里出現(xiàn)的頻率。每種顏色代表一個(gè)球,編號(hào)從1~49。作者認(rèn)為所有的數(shù)字集群傾向于形成一個(gè)循環(huán),會(huì)有12、24%的重復(fù)率。。。)
ElasticLists(滑動(dòng)菜單)使用滑動(dòng)菜單(也叫手風(fēng)琴菜單)的原理來展現(xiàn)多維的數(shù)據(jù)結(jié)構(gòu)。每組菜單代表一種數(shù)據(jù)維度,每個(gè)菜單項(xiàng)代表一種屬性。你可以通過點(diǎn)選多個(gè)菜單項(xiàng),瀏覽數(shù)據(jù)在不同維度不同屬性上的組合。每個(gè)菜單項(xiàng)的高度和寬度和該屬性內(nèi)數(shù)據(jù)總量的相對(duì)比例有關(guān)聯(lián)。作者的blog會(huì)更新一些關(guān)于數(shù)據(jù)可視化領(lǐng)域的實(shí)驗(yàn)性研究的文章,值得觀賞,很有收藏價(jià)值。
譯注:(這個(gè)項(xiàng)目對(duì)于實(shí)現(xiàn)多維交叉的數(shù)據(jù)的平面化展現(xiàn),是一個(gè)很好的范例。每個(gè)菜單實(shí)際上充當(dāng)了一個(gè)過濾器,把他們想象成一組多選菜單就好了。但是形式比乏味的多選框要迷人多了。)
TheJFKAssassinationTimeline(肯尼迪遇刺事件的時(shí)間軸)使用ajax來可視化表現(xiàn)歷史事件:約翰、肯尼迪的遇刺和時(shí)間軸上眾多關(guān)聯(lián)性條件。
4、Displayingconnections顯示關(guān)聯(lián)
Munterbund使用信息圖形展現(xiàn)了書中文字的相似性!拔覀儑L試創(chuàng)造一個(gè)能夠按照某些定義好的規(guī)則來自動(dòng)生成圖像的系統(tǒng)。難度在于圖像形式和文章的排版樣式這兩者都是極富吸引力和信息量的!
譯注:(這個(gè)項(xiàng)目根據(jù)詞頻等信息要素關(guān)聯(lián)到扇形區(qū)域的直徑和弧度,以及控制氣泡的面積。有一套非常復(fù)雜的篩選算法。在可以看到項(xiàng)目組嘗試過的多種可視化算法,以及一批十分魅力的成品)
BurstLabs(突發(fā)實(shí)驗(yàn)室)使用泡泡圖來表現(xiàn)你提出的搜索請(qǐng)求之間的相似和關(guān)聯(lián)性。雖然不那么前衛(wèi)但還是令人振奮。
UniverseDayLife將某一話題關(guān)聯(lián)的事件、人物和新聞事件像星座那樣陳列在它的周圍。
譯注:(這也算一個(gè)令人驚異的項(xiàng)目,創(chuàng)作團(tuán)隊(duì)模擬了一個(gè)數(shù)字化星空,每個(gè)關(guān)鍵字都是一個(gè)星座。通過輸入關(guān)鍵字將你請(qǐng)求查詢的星座定位在屏幕中心,旁邊圍繞著相關(guān)的關(guān)鍵字星座。內(nèi)容包括圖片、新聞、人物。每時(shí)每刻地球上都會(huì)發(fā)生各種事件,事件之間有關(guān)聯(lián),會(huì)互相作用。從這點(diǎn)上,使用宇宙星系來表現(xiàn)新聞事件的特效是很適合的。這個(gè)項(xiàng)目除了極富想象力,界面上也極具特色。創(chuàng)作了一種星座字體,所有的ICON和邊框都用星座的形象來表現(xiàn)。)
Musiclens會(huì)根據(jù)你當(dāng)前的心情和音樂喜好制作圖表,給你推薦音樂。
你可以在Figd’tVisualizer(Figd’t展臺(tái))上和網(wǎng)絡(luò)上的其它用戶進(jìn)行互動(dòng)。你的用戶界面是由Flickr和LastFM上的TAG構(gòu)成的,使用任何Tag都可以創(chuàng)建一個(gè)磁極,在照片或音樂中和你共用這個(gè)tag的用戶會(huì)被吸引到磁極的周圍。兼容MacOSX,Windows和Linux平臺(tái)。測(cè)試版本。
譯注:(通過照片和音樂喜好,創(chuàng)作者希望動(dòng)態(tài)、可視化地表現(xiàn)人與人之間的關(guān)系:傾向性,趨勢(shì),聚合,吸引力。除了直線條的連接線,作者還在另一張圖中使用了優(yōu)美的曲線,整體造型非常迷人。)
WhathaveIbeenlisteningto?:(究竟我在聽什么?)拜倫、李通過創(chuàng)建直方圖描述了他的音樂之旅。
譯注:(每種顏色代表一個(gè)歌手,拜倫、李搜集了他在last、fm上18個(gè)月來的聽歌記錄。創(chuàng)作者選用這種可視化形式原因是它的失真最少,能生成高雅的非對(duì)稱曲線。這種的圖表形式被稱為StreamGraph流圖。)
ShapeOfSong(音樂的形狀)音樂看起來像什么?音樂的形狀是一個(gè)看起來很怪誕的命題。這款定制軟件使用半透明的拱形來描述了音樂的形狀,讓人們能看到存在于互聯(lián)網(wǎng)上的任意音樂的真實(shí)形狀。
譯注:(該項(xiàng)目用這種圖像可視化了許多音樂類型和樂曲,直觀地將節(jié)奏、韻律和起伏展現(xiàn)出來。每種音樂風(fēng)格的個(gè)性與差異在這里表現(xiàn)地很明顯。這類數(shù)據(jù)可視化方式真正實(shí)現(xiàn)了“通感”。)
Musicmap(音樂地圖):他們創(chuàng)建了一個(gè)頁面,通過連接線表現(xiàn)音樂之間的關(guān)聯(lián)。
Musicovery展現(xiàn)了不同音樂喜好之間的關(guān)聯(lián)性,讓你在聽一首音樂的時(shí)候發(fā)現(xiàn)相似風(fēng)格的歌曲。
譯注和潘多拉或last、fm一樣推薦試聽網(wǎng)站,會(huì)根據(jù)你的喜好選擇,為你推薦音樂。同時(shí)可視化音樂之間的關(guān)系。)
LanuagePoster(語言海報(bào))使用傳統(tǒng)的時(shí)間軸方式來表現(xiàn)程序語言的發(fā)展史,簡(jiǎn)單的線條也能用于表現(xiàn)復(fù)雜的狀況。
譯注O’REILLY出版社制作的海報(bào),每根箭頭線代表一種語言的發(fā)展歷程,同時(shí)反映了語言之間的繼承或分支關(guān)系。)
5、Displayingweb-sites可看的網(wǎng)站
Spacetime(時(shí)空)公司承諾,那些通過網(wǎng)頁的小縮略圖像挖礦一樣查找信息的時(shí)代一去不返了。它提供的服務(wù)易讀和優(yōu)雅的三維特效來呈現(xiàn)你的搜索請(qǐng)求結(jié)果,支持google、yahoo、Flickr、eBay、google圖片搜索。
UBrowser是一個(gè)使用開源的概念模型。Mozilla的渲染引擎Gecko的植入實(shí)例:使用OpenGL在幾何面上動(dòng)態(tài)渲染頁面,。
6、Articles&Resources文章和資源
•Visualcomplexity.com
該項(xiàng)目介紹了數(shù)據(jù)可視化最美麗的方法和進(jìn)一步的參考資料。擁有超過450輯的圖片。在他的文章《Infosthetics:數(shù)據(jù)可視化之美》中,AndrewVandeMoere通過他的知名blog《Infosthetics》探討了數(shù)據(jù)可視化的審美及領(lǐng)域中的前沿應(yīng)用。創(chuàng)意設(shè)計(jì)意圖的組合形式、內(nèi)涵以及迷人的案例。這是下一代的新藝術(shù)領(lǐng)域?
這篇文章介紹了13種新的數(shù)據(jù)可視化技術(shù)的實(shí)例以及深入的參考。
•16AwesomeDataVisualizationTools16種令人敬畏的數(shù)據(jù)可視化工具。Mashable.com概述了:“我們找到了下面16個(gè)觀賞和實(shí)用性兼具的應(yīng)用。數(shù)字可視化工具改變了我們觀察事物的途徑:觀察twitter信息來源在全球的分布的全新方法!
•Dataesthetics(數(shù)據(jù)美學(xué))EricBlue介紹了一些數(shù)字可視化的非常見形式。
•infosthetics–informationaesthetics(infosthetics——信息審美)AndrewVandeMoer關(guān)于數(shù)字可視化的最新觀點(diǎn)和創(chuàng)意想法。
•Delicious聚合的可視化討論了如何將Del、icio、us上收藏的標(biāo)簽可視化
•PeriodicTable(周期元素表)、周期元素表的可視化方法。
7、ToolsandServices工具和服務(wù)
o你可以使用Xtimeline和Circavie創(chuàng)建你自己的時(shí)間線
oIBMManyEyes(IBM之眼)
這是一個(gè)基于J****A的可視化數(shù)據(jù)在線服務(wù)。幫助注冊(cè)用戶創(chuàng)建餅圖、框圖、樹型圖、柱狀圖和直方圖。這有一些比較驚人的案例。
•
oprefuse|theprefusevisualizationtoolkit(prefuse可視化工具包)
集成了數(shù)據(jù)可視化方法的工具包,基于J****A的測(cè)試版本。
oSwivel(旋轉(zhuǎn))
可制作飛行中的餅圖、見圖和直方圖的服務(wù)。同時(shí)還提供可用于優(yōu)化現(xiàn)行的可視化方式的API插件。
•你可以在文章《ChartsandDiagramsTools餅圖和直方圖工具》里找到更多工具來設(shè)計(jì)你要的圖表。
九25
(二)數(shù)據(jù)可視化和信息可視化可視化
數(shù)據(jù)可視化和信息可視化的主要目的是借助圖形化手段,更高效和清晰地交流信息。但這并不意味著數(shù)據(jù)圖表會(huì)因?qū)嵱枚菰,因華美而繁復(fù)。為了讓思想能有效地傳遞,良好的外觀和內(nèi)在功能性都缺一不可。雖然設(shè)計(jì)師們還是不能很好地把握設(shè)計(jì)與功能之間的平衡,而創(chuàng)造出華而不實(shí)的數(shù)據(jù)可視化形式,無法實(shí)現(xiàn)其傳播信息的主要目的。
在印刷品和web上,被可視化的信息、數(shù)據(jù)或知識(shí)——數(shù)據(jù)圖表,經(jīng)常用于依靠設(shè)計(jì)師的創(chuàng)造力,在刺激和感性的背景下支持和強(qiáng)化信息,下列的網(wǎng)站列舉了一些令人矚目的的數(shù)據(jù)圖表,它們以極富視覺吸引力的方式有效地表現(xiàn)了信息。
CountryCodesoftheWorld(國家代碼世界)
國家代碼世界地圖映射了245個(gè)國家頂級(jí)域名代碼,包括所有國家、聯(lián)合國、眾多島嶼及地區(qū)。每個(gè)兩位代碼對(duì)應(yīng)到所指國家的地理位置及區(qū)域,并使用了便于快速檢索的分色圖例。
FlagsasInfographics(國旗圖表)
這些招貼是為著名的政治雜志“Reportagem”所設(shè)計(jì)的,主要設(shè)計(jì)思想是通過添加圖例把每個(gè)國家的國旗變成了一張圖表。比如:美國。紅色部分:支持伊拉克戰(zhàn)爭(zhēng)。白色部分:反對(duì)伊拉克戰(zhàn)爭(zhēng)。藍(lán)色部分:不知道伊拉克在哪。
Independent:Infographic(獨(dú)立:信息圖形)
中東:誰支持立即;穑肯铝羞@張圖表在2007七月的中東危機(jī)問題時(shí)期發(fā)表于“獨(dú)立”雜志頭版。
Virtualcountries(虛擬國度)
這個(gè)看臺(tái)以國家和巨頭公司的“國民”生產(chǎn)總值為依據(jù),列出世界上這些“虛擬國度”的排名。
NetNeutrality(網(wǎng)絡(luò)中立)
這張圖表期望于強(qiáng)調(diào)網(wǎng)絡(luò)中立的重要性。這并不是一張真正意義上的數(shù)據(jù)圖表,但傳遞了這些信息:這些就是我們可能遭遇的未來。
譯注:(這是07年的圖,由此可見,對(duì)互聯(lián)網(wǎng)發(fā)表預(yù)測(cè)是一件多哇哈哈哈哈的事。)
Corporateconnections:(企業(yè)關(guān)系)
一個(gè)非常緊湊和實(shí)用的信息來源
譯注:3個(gè)名人,35個(gè)企業(yè),40多家子公司和300多個(gè)品牌的之間的千絲萬縷。
DIZZIA,GregoryM、
這張圖表里描述了GregoryDizzia所泡過的所有MM及其關(guān)系。時(shí)間軸持續(xù)23年。
譯注:(有興趣的同學(xué)可以下載這張圖看一下、pdf。作者真的很猛。垂直的是時(shí)間軸,每一列代表一個(gè)MM,長度代表交往時(shí)間。每個(gè)圖表表示事件或特性。綠色圖標(biāo)代表認(rèn)識(shí)的途徑:聚會(huì)、網(wǎng)絡(luò)等。藍(lán)色圖標(biāo)MM吸引他的地方:身材、頭腦等。黃色圖表代表關(guān)系深入度:kiss或者XXOO。橙色代表重大事件:訂婚、心碎、來路不明的孩子……。紅色代表分手的導(dǎo)火線。每一列底部的藍(lán)色從淺到深代表了關(guān)系親密程度。)
AmadanaInfographics
Amadana是一家日本公司,這可以解釋為什么他們會(huì)分不清scapegoat替罪羊和acuarium水族缸(見第一行的第二個(gè)圖示)。第一行的電器是土司機(jī),第二和第三行是空氣凈化器,最后一行的是電磁爐。
TheJapaneseWiiSafetyManual(日本WII游戲機(jī)的安全指南)
這份日本WII游戲機(jī)的安全指南,基本上能解釋日本人普遍的精神錯(cuò)亂。
譯注:(作者貌似不太喜歡日本人。。。不過點(diǎn)擊下圖有更多變態(tài)的安全指南圖片供君欣賞)
VirtualWater虛擬水
簡(jiǎn)潔、優(yōu)雅、有效。這份雙面印刷海報(bào)表現(xiàn)了產(chǎn)品和國家中水的使用足跡。
譯注:(點(diǎn)擊圖片可以查看這項(xiàng)環(huán)保海報(bào)的更多信息,設(shè)計(jì)非常專業(yè)。海報(bào)有兩面,一面是重要國家地區(qū)中虛擬水的進(jìn)出口統(tǒng)計(jì),另一面是一些商品和食品在生產(chǎn)鏈各個(gè)步驟中使用的淡水量總和的統(tǒng)計(jì)。)
Apple’sTippingPoint:MacsForTheMasses(蘋果的引爆點(diǎn):大眾的蘋果)
設(shè)計(jì)很淡定,配色柔和,背景鮮明。設(shè)計(jì)者是PaulNixon
AT&T/BellSystemPre-&Post-DivestitureChart(AT&T/貝爾系統(tǒng)前后分離圖)
PeterRoss、1985年創(chuàng)作。
FlickrUserModel(Flickr的用戶模型)
一個(gè)數(shù)據(jù)有點(diǎn)復(fù)雜的信息圖形,但仍然保持了清晰和良好的展示性。
JourneyintotheUniverse(宇宙之旅)
信息設(shè)計(jì),創(chuàng)作于1985、
MeganJaegerman(人名)
MeganJaegerman和EdwardTufte一起工作時(shí)的一些回顧。留意這些圖表中所體現(xiàn)出的簡(jiǎn)潔之美和高度的可讀性。
譯注:(她的網(wǎng)站里有不少非常優(yōu)秀的插圖,值得點(diǎn)擊一看
EdwardTufte:信息設(shè)計(jì)的先驅(qū)者。耶魯大學(xué)統(tǒng)計(jì)學(xué)和政治學(xué)的退休教授。奠定了視覺化定量信息的基礎(chǔ)。出版了包括“視覺解釋”,“構(gòu)想信息”,“定量信息的視覺展示”,和“數(shù)據(jù)分析的政治和政策”,“美麗的證據(jù)”在內(nèi)的一系列書籍,最新的“美麗的證據(jù)”獲商業(yè)周刊2006年最革新的設(shè)計(jì)書籍贊譽(yù)。)
GoodMagazineInfographics(好雜志中的信息圖形)
在Goodmagazine的每一個(gè)議題里,都會(huì)提供杰出的,關(guān)系到我們生活方方面面的信息圖形。下面有一些優(yōu)秀的范例。
譯注:告訴我更多:那里即將發(fā)生什么?(關(guān)于達(dá)富爾的社會(huì)政治現(xiàn)狀)
譯注:女性的力量。女性在世界人口中的50%,政治領(lǐng)袖中女性卻只占5%。
譯注:冷酷的時(shí)間:自從美國在1976年恢復(fù)死刑,有118名死囚被證明無罪。這118人共被監(jiān)禁1125年。圖像的力量啊
譯注:零售業(yè)房地產(chǎn):世界上最大的零售商的占地總面積比曼哈頓還大。
譯注:美國膨脹的學(xué)生債務(wù)。達(dá)到4920億。
WhoParticipatesandwhatpeoplearedoingonline(人們?cè)诨ヂ?lián)網(wǎng)上做什么)
一個(gè)比較別出心裁的表現(xiàn)形式會(huì)賦予圖表獨(dú)特性和吸引力。。
譯注:各個(gè)年齡段和性別的人在不同類型的在線應(yīng)用上花費(fèi)的時(shí)間
TheCostofLivingontheBleedingEdgeofGadgetry(電子產(chǎn)品深度患者的開銷)
價(jià)格和便攜式電子產(chǎn)品在過去50年的價(jià)格和市場(chǎng)占有率。由ArnoGhelfi設(shè)計(jì)。從一個(gè)完全不同的視角表現(xiàn)。
譯注:每種顏色代表一種電子產(chǎn)品類型。柱狀圖的高度代表價(jià)格。寬度代表市場(chǎng)占有率。
AyearinIraq(在伊拉克的一年)
一份不同尋常的數(shù)據(jù)圖表,展現(xiàn)了2592起記錄在案的致死原因的類型和分布地點(diǎn)。
CubismandAbstractArt(立體主義和抽象藝術(shù))
簡(jiǎn)潔、豐富和優(yōu)雅。AlfredBarr的設(shè)計(jì),在EdwardTufte的書里可以找到。
譯注:連接線和因果箭頭巴爾藝術(shù)圖費(fèi)曼圖進(jìn)化樹狀圖隆巴迪
MyMap(我的地圖)
一個(gè)數(shù)據(jù)可視化的應(yīng)用程序:基于60000封電子郵件存檔數(shù)據(jù),用不同顏色深度的線條呈現(xiàn)了地址簿中用戶和個(gè)體之間的關(guān)系,比如回復(fù)、發(fā)送、抄送。“MyMap”允許在不同的關(guān)系組和時(shí)間段里挖掘信息,體現(xiàn)不同關(guān)系中短暫衰退和流向!MyMap”從而成為名副其實(shí)的自畫像、個(gè)人關(guān)系及社交的可視化反映。
譯注:外圍的每個(gè)圈代表一個(gè)人,他們之間的線條代表聯(lián)系,越高亮的顏色代表交流的頻率越高。
WhenBotsAttack(機(jī)器人來襲)
借助僵尸網(wǎng)絡(luò),你可以針對(duì)某個(gè)目標(biāo)啟動(dòng)幾十萬甚至上百位次轟炸。在這種假設(shè)的情況下,由中國發(fā)起的針對(duì)美國的單個(gè)攻擊可能只持續(xù)幾個(gè)小時(shí),但持續(xù)數(shù)天或數(shù)周的全面攻擊會(huì)導(dǎo)致整個(gè)現(xiàn)代信息經(jīng)濟(jì)的癱瘓。下圖用于說明這件事。
譯注:綠色點(diǎn):攻擊。藍(lán)色點(diǎn):黑客。白色點(diǎn):肉雞。紅色點(diǎn):目標(biāo)。
美國擬提高中國進(jìn)口商品關(guān)稅的條款引發(fā)了危機(jī)。北京下令對(duì)美國國會(huì)的計(jì)算機(jī)系統(tǒng)和支持該法案的公司進(jìn)行限制性攻擊。中國的安全部門官員雇用非法的黑客聯(lián)盟發(fā)動(dòng)ddos攻擊。通過像PayPal這樣的匿名服務(wù)(通常使用在拉美地區(qū)的帳戶)支付報(bào)酬。目標(biāo)IP地址和郵件帳戶(在更早就完成了搜集工作)通過非法黑客的私人聊天室進(jìn)行分發(fā)。一旦攻擊進(jìn)行,中國的媒體和外交部門將此次攻擊描述為是黑客們的自發(fā)行為。
MappingtheBlogosphere(博客世界的映射)
這就是博客世界看起來的樣子。。。
Globalization(全球化)
怎樣的全球化?
譯注:(每種顏色的扇形區(qū)域代表一個(gè)洲的國家。中間的連線描述了這些國家之間的貿(mào)易經(jīng)濟(jì)往來)
GeorgeW、BushSpeechInfographics(喬治、布什的演講)
一種交互式的信息圖形,比較了不同演講中某些詞匯出現(xiàn)的頻率。這種設(shè)計(jì)方式能提供讀者用更多方式去評(píng)估和理解特定的詞匯或數(shù)據(jù)元。很簡(jiǎn)單,但直觀明了。
譯注:黑體字是特定詞匯。藍(lán)色圓圈的體積和里面的數(shù)字代表該詞的出現(xiàn)頻率。
BookScape和QueryBursts是Yahoo!創(chuàng)新團(tuán)隊(duì)yHaus的實(shí)驗(yàn)性項(xiàng)目。QueryBursts描繪了來自獨(dú)立IP的一次很常見的搜索請(qǐng)求的爆發(fā)狀況。每個(gè)微粒代表一次從世界不同角落里發(fā)出的請(qǐng)求。BookSscape表現(xiàn)的開發(fā)圖書館工程中的少兒圖書里采集到出的25萬張插圖。實(shí)驗(yàn)性的精美實(shí)用動(dòng)態(tài)圖片數(shù)據(jù)采樣技術(shù)在可縮放的空間里放置所有圖片。
(三)數(shù)據(jù)可視化及信息可視化的設(shè)計(jì)資源可視化
數(shù)據(jù)可視化及信息可視化可以讓復(fù)雜的數(shù)據(jù)集變得明了易懂。通過將數(shù)據(jù)和統(tǒng)計(jì)結(jié)果圖形化,復(fù)雜的概念和信息可以在更短時(shí)間內(nèi)呈現(xiàn)更多含義。
大部分?jǐn)?shù)據(jù)可視化處理的對(duì)象是具體的數(shù)據(jù)或統(tǒng)計(jì)結(jié)果。另一些則致力于表現(xiàn)無形的話題,為抽象概念提供可視化的展現(xiàn)。一般來說,前者的表現(xiàn)形式多為圖示或圖表,而后者則往往更富創(chuàng)造與想象力。
許多可視化與信息可視化應(yīng)用得很拙劣:有些不恰當(dāng)?shù)胤胖昧诉^多繁冗信息(或不足的信息)、有些使用了不規(guī)范的格式、還有一些其他的常見錯(cuò)誤。
下文中提供了信息可視化及數(shù)據(jù)可視化的25種實(shí)用資源。其中大部分展示了令人印象深刻的圖表,還包括一些關(guān)于該怎樣去設(shè)計(jì)的話題。
提供作者以前的文章作為參考
•(二)數(shù)據(jù)可視化和信息可視化——列舉了類型及案例DataVisualizationsandInfographics
•(一)數(shù)據(jù)可視化:現(xiàn)代方法——當(dāng)下正熱的案例DataVisualization:ModernApproaches
1、DataVisualizationSites數(shù)據(jù)可視化網(wǎng)站
以下是一些能給信息設(shè)計(jì)師帶來巨大幫助的blog及網(wǎng)站,提供了創(chuàng)建方法、案例、類型以及其他資源。有些還甚至提供了工具來幫助您創(chuàng)建自己的可視化數(shù)據(jù)。
StrangeMaps
StrangeMaps上有許多基于圖表的地圖,涵蓋古今。地圖里所帶的標(biāo)注,其中最有趣的是那些歷史地圖。
WallStats
WallStats用海報(bào)招貼的形式制作了“美國個(gè)人可自由支配收入的統(tǒng)計(jì)”圖表。它們還提供了其他關(guān)于政治及經(jīng)濟(jì)議題的圖表。
VisualComplexity
VisualComplexity陳列了來源廣泛,涉及近700個(gè)工程項(xiàng)目的圖表。他們都進(jìn)行了分類并提供縮略圖,以便于對(duì)海量信息進(jìn)行檢索。
CoolInfographics
CoolInfographics是一個(gè)令人敬畏的blog——信息可視化的編年史及大量搜集來的可視化數(shù)據(jù)。只要你所能想得到的話題,這兒都有;tag的架構(gòu)便于你查找特定類別的圖表。
DataMining
DataMining涉及的領(lǐng)域?yàn)閿?shù)據(jù)可視化、社會(huì)化媒體和數(shù)據(jù)挖掘。這個(gè)Blog從包括《美國國家地理》及《經(jīng)濟(jì)學(xué)人》在內(nèi)的其它媒體上聚合了大量的信息可視化圖形,。
EdwardTufte
該網(wǎng)站介紹了來源廣泛的信息可視化圖表。每張圖表都有獨(dú)立評(píng)注,其中有一些令人難以置信的有趣圖片。
InfographicsNews
InfographicsNews主要提供新聞?lì)愋畔⒖梢暬瘓D像,也發(fā)布了一些和新聞相關(guān)的不同尋常的圖表
InformationAesthetics
InformationAesthetics上轉(zhuǎn)載了許多細(xì)節(jié)精致的圖表和可視化數(shù)據(jù),涉及政治、經(jīng)濟(jì)、金融及其他類型。最早可追溯倒2004年12月。
ChartPorn
ChartPornt提供來至全國各地的圖示和圖表,設(shè)計(jì)精美,涉及廣泛。按話題分類,易于檢索。
BehanceNetwork
網(wǎng)站BehanceNetwork基于Tag機(jī)制,內(nèi)容涉及信息架構(gòu)及其他一些特定類型。可以按作者進(jìn)行檢索。
GoodMagazine
GoodMagazine推薦了一些極有趣的原創(chuàng)圖表,從“水危機(jī)”到“食品券的增長”到“奧巴馬對(duì)投票率的影響”。
MatthewEricson
這個(gè)BLOG展示了圖表設(shè)計(jì)師MatthewEricson及其他人的創(chuàng)作作品。新近比較有特色的圖表是紐約市的謀殺案地圖和工業(yè)產(chǎn)值的可視化數(shù)據(jù)。
NiXLOGInfographics
NiXLOG上從互聯(lián)網(wǎng)上聚合了大量信息可視化的內(nèi)容,還包括一份原創(chuàng)圖表:關(guān)于蘋果電腦及其消費(fèi)觀如何普及的演變歷程。
VirtualWater
VirtualWater是一個(gè)專業(yè)blog,主題是用水量的統(tǒng)計(jì)。他們用招貼的形式展現(xiàn)信息并(全部或部分地)出版發(fā)行。
HistoryShots
HistoryShots是一個(gè)商業(yè)網(wǎng)站,出售各種主題的數(shù)據(jù)圖表及可視化產(chǎn)品(招貼、明信片等)。他們的主要提供歷史事件、時(shí)代及包括政治、軍事、體育或其它有趣科目在內(nèi)的數(shù)據(jù)圖表。這是一個(gè)相當(dāng)有趣的網(wǎng)站,你可以在屏幕賞縮放圖片進(jìn)行瀏覽。
FlowingData
FlowingData提供了一些令人震驚圖表,除了他們所專注的分類,還包括了一些比如美國最好的啤酒,葡萄酒的個(gè)性化形象,肯尼迪的族譜,美國宗教地理學(xué)以及不少其他類型的猛料圖片。
ManyEyes
ManyEyes提供了工具讓你創(chuàng)建自己的可視化數(shù)據(jù),同時(shí)還可瀏覽別人的作品。他們也擁有一個(gè)很大的圖庫。
TheNewYorkTimes紐約時(shí)報(bào)
在TheNewYorkTimes的網(wǎng)站上花一點(diǎn)力氣找到最好的圖表絕對(duì)是值得的。它們擁有商業(yè)領(lǐng)域最好的信息圖形,保證平均水平的讀者能輕易理解那些實(shí)際上非常復(fù)雜的數(shù)據(jù)。
Nicolasrapp.com
nicolasrapp.com是一個(gè)信息設(shè)計(jì)blog,其作者為美聯(lián)社進(jìn)行創(chuàng)作。
DataViz
DataViz搜集了許多漂亮的數(shù)據(jù)化設(shè)計(jì)。盡管沒有標(biāo)注,但是那些圖片已經(jīng)完全足夠說明自己了。
iGraphicsExplained
iGraphicsExplained–對(duì)于圖表和數(shù)據(jù)可視化的有效性和制作方式,這個(gè)blog希望能闡明一些啟示。他們展示了一些來至互聯(lián)網(wǎng)的精美圖表,這是一個(gè)啟發(fā)創(chuàng)意的好去處,你還可以在這里認(rèn)識(shí)到哪些圖表形式是有效,而哪些不是的。
SimpleComplexity
SimpleComplexity這個(gè)網(wǎng)站展示了一些簡(jiǎn)化復(fù)雜信息的可視化數(shù)據(jù),用一種易于理解的方式來體現(xiàn)他們的真實(shí)意圖。也包括一些關(guān)于如何圖表優(yōu)化的教程。
Well-formedData
Well-formedData這個(gè)blog的題材:交互界面設(shè)計(jì)、信息圖形、數(shù)據(jù)及統(tǒng)計(jì)可視化等。所附評(píng)注非常有趣,就某些話題進(jìn)入了深入的探討。
InformationisBeautiful
InformationIsBeautiful這個(gè)blog頌揚(yáng)了精美的數(shù)據(jù)設(shè)計(jì)。話題多元,有原創(chuàng)和來至他人的設(shè)計(jì)。
2、FlickrPoolsforInfographics信息圖形的Flickr群組
Flickr群組可以成為信息和靈感的源泉。下面案例中的圖表,大部分來至世界各地的不同時(shí)期。這是一個(gè)獲取想法和感知全球圖表設(shè)計(jì)趨勢(shì)的好地方。
Infografia|Infographics擁有700多張圖表的群組,由120多位成員上傳。
Infografistas.com/InfographicsNews擁有350個(gè)類目的發(fā)布,來源的種類繁多。
VisualInformation包含650類目的群組。從餐館到圖書館地圖都有。
TheInfoGraphicsPool這個(gè)可能是Flickr里這一類群組中規(guī)模最大的了,擁有超過700名成員和1800個(gè)類目。
Abouttheauthor關(guān)于作者
CameronChapman是一名專業(yè)的WEB和圖像設(shè)計(jì)師。擁有超過6年的從業(yè)經(jīng)驗(yàn)。她為很多blog寫作,包括她個(gè)人的CameronChapmanOnWriting。同時(shí)也是《InternetFamous》一書的作者。