第七講：數(shù)據(jù)新聞的設(shè)計目錄CONTENTS認識數(shù)據(jù)可視化數(shù)據(jù)可視化的構(gòu)成要素行業(yè)PPT模板/hangye/新聞中數(shù)據(jù)可視化的常見類型數(shù)據(jù)可視化的設(shè)計要點認識數(shù)據(jù)可視化01認識數(shù)據(jù)可視化一、數(shù)據(jù)可視化的定義從計算分析的角度定義可視化“可視化是一種計算方法。它將符號轉(zhuǎn)化為幾何，使研究人員能夠觀察他們的模擬和計算?？梢暬峁┝艘环N看到看不見的事物的方法。它豐富了科學(xué)發(fā)現(xiàn)的過程，并培養(yǎng)了深刻和意想不到的見解?！保∕cCormickBH.etal.(ed).VisualizationinScientificComputing.ComputerGraphics.1987,21(6).NewYork:ACMSIGGRAPH.

）“可視化是生成數(shù)據(jù)的視覺表示的計算過程?！保═ominskiC,SchumannH.InteractiveVisualDataAnalysis.NewYork:CRCPress.2019.）從視覺呈現(xiàn)的角度定義可視化“表示所有結(jié)構(gòu)化的信息表現(xiàn)方式,包括圖形、圖表、示意圖、地圖、故事情節(jié)圖以及不是很正式的結(jié)構(gòu)化插圖?！保?/p>

NoahIliinsky.論美//JelieSteele,等.數(shù)據(jù)可視化之美.北京:機械工業(yè)出版社,2011:7.

）

“將大量數(shù)據(jù)組合構(gòu)成數(shù)據(jù)圖像,同時將數(shù)據(jù)的各個屬性值以多維數(shù)據(jù)的形式表示,使人們能夠以更直觀的方式從不同的維度觀察數(shù)據(jù)及其結(jié)構(gòu)關(guān)系,發(fā)現(xiàn)數(shù)據(jù)中隱含的信息?！保n衛(wèi)國,王勁峰,王海起,等.基于數(shù)據(jù)可視化的交通流量分析.武漢理工大學(xué)學(xué)報,2004(5).

）認識數(shù)據(jù)可視化一、數(shù)據(jù)可視化的定義“可視化,在第一個人眼里是圖形圖表和投資回報率;在第二個人眼里卻是插圖、生動的隱喻以及畫廊開幕;在第三個人眼里它只是奇妙的冗余的復(fù)合詞:信息圖形?？梢暬?這個術(shù)語就像一個抽象的太妃糖一樣需要人們不斷咀嚼、反復(fù)品位”?？梢暬凹仁钦麄€馬賽克,也是單個閃閃發(fā)光的鑲嵌物。它不僅僅是圖表,也不僅僅是視覺隱喻;它不僅僅是取代子彈點的可工作的圖形設(shè)計,也不僅僅是描繪思想;同樣,它不僅僅是數(shù)據(jù)分析。這些都是更大的概念中的一小片”。

（JessicaHagy.帶索引的可視化//JelieSteele,等.數(shù)據(jù)可視化之美.北京:機械工業(yè)出版社,2011:337.）

可視化是否只用于分析數(shù)據(jù)?還是用于定量認識?抑或是用于喚起情感?什么時候可視化可深深扎根于視覺領(lǐng)域成為一門藝術(shù)呢?回答者的身份不同,答案也不盡相同。（邱南森.數(shù)據(jù)之美:一本書學(xué)會可視化設(shè)計.北京:中國人民大學(xué)出版社,2014:44.

）“現(xiàn)在可視化已不僅僅是一種工具,它更多的是一種媒介:探索、展示和表達數(shù)據(jù)含義的一種方法?！薄翱梢暬且环N應(yīng)用廣泛的媒介,在某一范圍內(nèi)有不同類型的可視化,但它們并沒有明確清晰的界限(也沒有必要)?！梢暬髌芳瓤梢允撬囆g(shù)的,同時又是真實的?！保ㄇ衲仙?數(shù)據(jù)之美:一本書學(xué)會可視化設(shè)計.北京:中國人民大學(xué)出版社,2014:44,76.）認識數(shù)據(jù)可視化一、數(shù)據(jù)可視化的定義數(shù)據(jù)可視化是一種訴諸視覺傳播的探索、展示和表達數(shù)據(jù)含義的方法。可視化是探索和理解大型數(shù)據(jù)集的有效途徑。人類對圖形的理解能力很強,將數(shù)據(jù)置于視覺空間,可以激發(fā)大腦去發(fā)現(xiàn)和探索更深刻的意義和內(nèi)涵，帶給人們意料之外的見解。在統(tǒng)計學(xué)中,統(tǒng)計圖形的應(yīng)用已經(jīng)廣泛地證明了這一觀點。數(shù)據(jù)以可視化方式呈現(xiàn)不僅僅可服務(wù)于研究,更有助于讀者理解,圍繞新聞故事設(shè)計的可視化帶有很強的娛樂和藝術(shù)因素,能使信息的傳遞更加高效?？梢暬皇抢浔墓ぞ?視覺傳達已經(jīng)超出了工具的范疇發(fā)展為傳達理念的媒介。通過各種可視化組件的設(shè)計,媒體不僅能讓讀者看懂新聞故事,還能在其中傳達情感和理念、表達媒體的觀點。

認識數(shù)據(jù)可視化可視化與信息圖的區(qū)別信息圖是一種將數(shù)據(jù)與設(shè)計結(jié)合起來的圖,有利于個人或組織直觀有效地向用戶傳播信息?？梢暬托畔D之間并非涇渭分明,從廣義的可視化概念入手,信息圖是隸屬于可視化范疇的，且是可視化發(fā)展早期產(chǎn)生的一種主要形態(tài)?？梢暬⒉痪窒抻趫D形,可視化的外延更廣。并且，人們正在借助不同的手段與方法拓展可視化的方式,這使可視化的未來呈現(xiàn)出更大的可能性,而不僅僅是信息圖。

如果將可視化的定義限制在數(shù)據(jù)可視化的范疇,信息圖和數(shù)據(jù)可視化之間的差異就在于它們聚焦的對象不同。信息圖處理的對象是“信息”,它不需要對數(shù)據(jù)進行結(jié)構(gòu)化和分析;而數(shù)據(jù)可視化處理的對象是“數(shù)據(jù)”,其即可作為一種對數(shù)據(jù)展開分析的手段，也可對數(shù)據(jù)進行分析后呈現(xiàn)主要的數(shù)據(jù)發(fā)現(xiàn)?！靶畔D”是根據(jù)人的理解邏輯將信息傳播給受眾，目的在于傳播，而非探索，但可視化具有探索、洞察、證明和發(fā)現(xiàn)的功能,所以兩者也存在一定的差別。認識數(shù)據(jù)可視化二、數(shù)據(jù)可視化的由來16世紀,伴隨著人類觀察和測量技術(shù)、工具的進步,人們開始嘗試用圖像、表格來記錄信息,這成為早期可視化的雛形。

19世紀是現(xiàn)代數(shù)據(jù)圖表技術(shù)突飛猛進的時代,在這個時期,統(tǒng)計圖表中所有展示數(shù)據(jù)的形式——條狀圖、餅圖、直方圖、折線圖、時間序列圖和等值線圖等都已出現(xiàn),且被廣泛用于經(jīng)濟、社會、醫(yī)學(xué)、物理學(xué)等諸多領(lǐng)域。

20世紀下半期的60-80年代，“數(shù)據(jù)可視化”概念真正興起并逐步發(fā)展為一門學(xué)科。在法國,制圖師和圖形理論家雅克·貝爾廷(JacqueBertin)于1967年出版了具有里程碑意義的《圖形符號學(xué)》(Semiologie

Graphique)一書。書中提及根據(jù)數(shù)據(jù)的聯(lián)系和特征,來組織圖形的視覺元素,為數(shù)據(jù)可視化提供了理論基礎(chǔ)。

認識數(shù)據(jù)可視化二、數(shù)據(jù)可視化的由來美國的約翰·托奇（JohnW.Tukey）開創(chuàng)了統(tǒng)計學(xué)新的分支——探索性數(shù)據(jù)分析(EDA),并在一篇名為《數(shù)據(jù)分析的未來》(TheFutureofDataAnalysis)的論文中號召將數(shù)據(jù)分析視為統(tǒng)計的一個分支,與高度抽象化的數(shù)理統(tǒng)計學(xué)區(qū)別開來。隨后,他投身于發(fā)展新的、簡單有效的統(tǒng)計圖形分析中,創(chuàng)造了莖葉圖、箱線圖,并于1977年出版了《探索性數(shù)據(jù)分析》（ExploratoryDataAnalysis）一書，重新喚起了統(tǒng)計學(xué)界對數(shù)據(jù)圖形分析的興趣。1983年，耶魯大學(xué)的統(tǒng)計學(xué)教授愛德華·塔夫特（EdwardR.Tufte）發(fā)表了著作《定量信息的可視化呈現(xiàn)》（TheVisualDisplayofQuantitativeInformation），進一步豐富了數(shù)據(jù)可視化的理論體系。

與此同時,計算機科學(xué)的快速發(fā)展推動了計算機圖形學(xué)的產(chǎn)生,專門的統(tǒng)計計算和圖形軟件工具問世,適合圖形的輸入和顯示技術(shù)逐步成熟。認識數(shù)據(jù)可視化案例：約翰·斯諾的倫敦霍亂地圖約翰·斯諾醫(yī)生是現(xiàn)代流行病學(xué)的奠基人之一。他對1854年倫敦西部西敏市蘇活區(qū)霍亂爆發(fā)的研究被認為是流行病學(xué)研究的先驅(qū),而這個研究也是歷史上一個數(shù)據(jù)可視化的經(jīng)典案例。數(shù)據(jù)可視化的構(gòu)成要素02數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量最早提出可視化視覺元素概念的是法國的雅克·貝爾廷，在其著作《圖形符號學(xué)》中,貝爾廷總結(jié)出一套圖形符號的變化規(guī)律,提出了“視覺變量”(visualvariables)的概念,用來指那些能引起視覺差別的圖形和色彩變化的因素：位置、尺寸、形狀、亮度、色彩、方向、紋理等。1984年,克利夫蘭(Cleveland)和麥吉爾(McGill)通過實驗計算對定量的視覺變量進行準確度的排序。他們認為,位置和長度的視覺變量相對準確度更高,而角度、斜度次之,面積和體積更次,排在最后的是色彩和密度。（Cleveland,WS,McGillR.GraphicalPerception:Theory,Experimentation,andApplicationtotheDevelopmentofGraphicalMethods.JournaloftheAmericanStatisticalAssociation,1984,79(387),531–554.DOI:10.2307/2288400.

）1986年,麥金利(JockMackinlay)指出克利夫蘭和麥吉爾的上述排序只考慮到定量的視覺變量,遺漏了貝爾廷所說的“紋理”。他將數(shù)據(jù)分為定量型(quantitative)、定序型(ordinal)和類別型(nominal)三類,在此基礎(chǔ)上進行各類別視覺變量的排序。數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量麥金利的視覺變量排序圖

注:圖中標注深灰色模塊的視覺變量屬于與該類型數(shù)據(jù)不相關(guān)的視覺變量。資料來源:

MackinlayJ.AutomatingtheDesignofGraphicalPresentationsofRelationalInformation.ACMTransactiononGraphics,1986,5(2),110-141.DOI:10.1145/22949.22950.數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量邱南森將這些視覺變量稱為“視覺暗示”

“可視化最基本的形式就是簡單地把數(shù)據(jù)映射成彩色圖形,它的工作原理就是大腦傾向于尋找模式,你可以在圖形和它所代表的數(shù)字間來回切換。這一點很重要。你必須確定數(shù)據(jù)的本質(zhì)并沒有在這反復(fù)切換中丟失,如果不能映射回數(shù)據(jù),可視化圖表就只是一堆無用的圖形?！保ㄇ衲仙?數(shù)據(jù)之美:一本書學(xué)會可視化設(shè)計.北京:中國人民大學(xué)出版社,2014:89.

）設(shè)計者必須根據(jù)目的選擇合適的視覺暗示,并正確使用它們,這些視覺暗示就是數(shù)據(jù)可視化時的編碼工具。邱南森將這些視覺暗示分為位置、長度、角度、方向、形狀、面積、體積、飽和度、色調(diào)等九個種類。

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——位置可視化中的“位置”是展示數(shù)據(jù)在給定空間或坐標系中的相對分布狀況的。在坐標系中,每一個點都代表一個數(shù)據(jù),這些數(shù)據(jù)點大小相同,但是“位置”有差異。數(shù)據(jù)在坐標系中即可通過“位置”呈現(xiàn)數(shù)值大小的差異,也可運用“位置”反映數(shù)據(jù)之間的順序差別。當(dāng)大量數(shù)據(jù)出現(xiàn)在坐標系中時,可以運用“位置”一目了然地做數(shù)據(jù)離散程度的判斷。用“位置”呈現(xiàn)數(shù)值的差異（來源：澎湃美數(shù)課）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——位置用“位置”體現(xiàn)數(shù)據(jù)分布的規(guī)律（來源：《衛(wèi)報》）英國《衛(wèi)報》刊發(fā)的作品《我們的糧食系統(tǒng)還沒有準備好應(yīng)對氣候危機》在這張散點圖中，每個點的“位置”由兩個數(shù)據(jù)決定，其一是年份，其二是小麥品種的基因差異，通過這些位置分布的趨勢可見，這兩個數(shù)據(jù)之間存在相關(guān)關(guān)系，作者在圖中添加了這一趨勢線，并用注記圖層做了附加的解釋，表明在上個世紀，加拿大的小麥品種基因越來越相似這一數(shù)據(jù)規(guī)律。數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——長度長度是從圖形一端到另一端的距離,其經(jīng)常出現(xiàn)在條形圖中,用以展示或比較數(shù)據(jù)值的大小。一般長度越大,數(shù)據(jù)值就越大。長度這一視覺變量在展示定量數(shù)據(jù)時具有很好的準確度和可識別性，更易于讀者的理解，因而以長度作為視覺變量的條形圖在新聞作品的可視化設(shè)計中占有很高的比重。根據(jù)英聯(lián)邦戰(zhàn)爭墓地委員會統(tǒng)計的一戰(zhàn)死亡數(shù)據(jù)

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——長度《華盛頓郵報》的《深度的難題》(TheDepthoftheProblem)用了“長度”這一視覺變量，以可視化方式揭示在海底定位黑匣子是一件挑戰(zhàn)極大的工作。

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——長度用長度比較數(shù)據(jù)值時要注意：必須讓讀者看到線條的兩端。圖表應(yīng)該展現(xiàn)一條基線(baseline),基線是從零點開始的一條垂直線。在現(xiàn)實中有一種誤導(dǎo)讀者的做法,即在縱坐標的單位設(shè)置上省略了一些數(shù)字或者沒有從原點0開始,而是故意選擇一個數(shù)字作為起點,或是縱坐標的單位不是等距的,省略了一些數(shù)據(jù)。這樣比較的“長度”通常會夸大差異或數(shù)據(jù)波動,是不準確的。

利用不規(guī)范的縱坐標數(shù)值所制造的數(shù)據(jù)“長度”假象

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——角度角度是經(jīng)常出現(xiàn)在餅圖中的視覺變量,角度取值范圍可以從0度到360度不等,能體現(xiàn)總體中不同組別數(shù)據(jù)所占的比例,從而呈現(xiàn)總體數(shù)據(jù)內(nèi)部的具體結(jié)構(gòu)分布。用餅圖展示年輕人對感情倦怠的接受度（來源：谷雨數(shù)據(jù)）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——角度在這張圖中，設(shè)計師將餅圖用多納圈的形狀包裝設(shè)計，使常見的餅圖變得更有趣，也更契合主題。這種與餅圖非常相似的可視化效果,即圓環(huán)圖?！氨M管圓環(huán)圖常被當(dāng)作餅圖的近親,但圓環(huán)圖的視覺暗示是弧長,因為可以表示角度的圓心被切除了?！?/p>

用多納圈形狀包裝設(shè)計后的餅圖（來源：網(wǎng)易數(shù)讀）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——角度該報道對各行業(yè)的創(chuàng)意精英的日常生活習(xí)慣做了記錄,其中包括作家、畫家、作曲家、科學(xué)家和哲學(xué)家名人等16位。報道從鐘表的刻度上得到創(chuàng)作靈感,用圓環(huán)圖展現(xiàn)這些人的日常生活時間的安排。在這些類似鐘表的圓環(huán)上,白色代表睡眠、綠色代表首要的工作,橘色代表社交和用餐,藍色代表鍛煉,淺綠色代表其他工作,灰色代表為了收支平衡完成的一些事務(wù)。根據(jù)這些顏色在圓環(huán)中的弧長,讀者可以一目了然地發(fā)現(xiàn)這些知名人物的日常生活規(guī)律。

Infowetrust網(wǎng)站素的可視化報道《創(chuàng)意人才的日常生活》

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——角度使用餅圖時要注意以下三點:第一,在設(shè)計“角度”時,要注意餅圖的各個角度之和應(yīng)該為360度,圖中所有的楔形應(yīng)該能組成一個完整的圓。第二,餅圖中扇區(qū)需從0度角開始順時針排布,順序要與數(shù)據(jù)相關(guān)。目前流行兩種做法:一種是從0度角開始將扇區(qū)按照數(shù)據(jù)由高到低順時針降序排列;另一種則是將最大扇區(qū)置于0度角右側(cè),次大扇區(qū)置于0度角左側(cè),剩余扇區(qū)按照數(shù)據(jù)由高到低順時針降序排列在最大扇區(qū)之后。第三,餅圖中扇區(qū)的數(shù)量不宜過多,一般不要超過6個。如果數(shù)據(jù)分類過細,可將數(shù)據(jù)合并為其他項。錯誤的餅圖數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——方向如果說角度是相交于一個點的兩個向量,方向則指一個向量的斜度?！胺较颉庇兄谧x者把握斜率,從斜率的變化中感知數(shù)據(jù)值的增長、下降和波動。

一些可視化研究專家將“方向”這一視覺變量稱為“斜度”,這兩個概念是相同的?！胺较颉钡囊曈X效果是可以設(shè)計的,在數(shù)據(jù)值相同的情況下,通過標尺的變化可以控制斜率的縮放。當(dāng)希望突出差異時,可以放大標尺的比例使斜率增加;當(dāng)希望淡化差異時,可以縮小標尺的比例使斜率降低。用方向體現(xiàn)人口老齡化的趨勢（來源：路透社）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——方向在采用“方向”這一視覺變量設(shè)計折線圖時，有幾處需注意：第一，不需要突出所有的數(shù)據(jù)標簽；第二，在多條折線排列時需注意突出主線，類似上一頁路透社《走向老齡化》案例中的設(shè)計，只在滾動出現(xiàn)相關(guān)國家數(shù)據(jù)的文字解釋時才對該國的線條做突出處理，其他線條都呈灰色；第三，與柱狀/條形圖不同，折線圖可以沒有0基線，但要真實展現(xiàn)數(shù)據(jù)的波動，則可以在大圖邊上加入整體數(shù)據(jù)趨勢的縮小版。數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀在圖形設(shè)計中,形狀是一種重要的視覺變量,它由點、線、面等不同元素構(gòu)成。點是圖形最基本的構(gòu)成,是圖形中面積最細小的成分。在坐標系中,點可以指示位置。點狀符號能通過面積和方向的變化,組成線狀符號或面狀符號。在視覺設(shè)計中,點狀符號能夠聚合和集中視覺,有一定的指示和引導(dǎo)視線的作用。用“點”體現(xiàn)投籃的位置分布（來源：SamiaB）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀在前面提及的案例《粗暴的正義》中，設(shè)計師也采用“點”狀符號來作為重要的視覺變量。文中寫道：“截至2017年的10年間，澳大利亞警方收到超過14萬份性侵犯報告。每個點代表一份報告?！比缓箜撁嬷虚g的視覺核心區(qū)域被排布的不同顏色的“點”構(gòu)成，點的顏色代表該報告被警方處理的不同方式。這些密密麻麻的“點”在頁面中構(gòu)成了一種無聲的力量，讓人感受到數(shù)據(jù)的張力。用“點”的設(shè)計展現(xiàn)數(shù)據(jù)的張力（來源：澳大利亞廣播公司）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀線是由很多點沿著相同的方向緊密排列后形成的形狀符號。線有明顯的長度,但占有的寬度很小。線可以指示方向和位置,并形成面的邊緣。線還可以通過連接形成形狀。除了折線圖,線狀符號也經(jīng)常出現(xiàn)在地圖上,用以標識邊界等。

“點”匯聚成“線”，展示英國政府無人機的飛行軌跡（來源：CNN）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀在作品《一只憤怒的小鳥》中，設(shè)計師將美國前總統(tǒng)特朗普就職演說時的面部表情的變化繪制成一根羽毛，每根羽毛的每一個羽支都代表總統(tǒng)在演講中表現(xiàn)出一種情緒的時刻。該作品創(chuàng)作團隊通過微軟的情緒識別工具捕捉總統(tǒng)就職演說時的面部表情，并將其分類為開心、吃驚、生氣、悲傷等七種情緒，積極的情緒被繪制在羽毛的上方，消極的情緒在下方。每個羽支的長度代表情感的強度。這些顏色不同的線條按照演說進程的時間順序從左到右排布，形成了一根“情緒”的羽毛。通過可視化分析，特朗普就職演說時面部透露的情緒總體趨于負面，這與在其之前的六位總統(tǒng)的就職演說所展現(xiàn)的或積極或謹慎的情緒形成了鮮明的反差。用“線條”展示美國總統(tǒng)就職演說時的情緒變化（來源：Periscopic）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀面是由很多線往相同方向不斷重復(fù)緊貼后形成的形狀符號,面有長度和寬度,能通過組合形成形狀。在可視化設(shè)計中,點、線、面這些形狀符號除了構(gòu)成規(guī)則圖形以外,還經(jīng)常以非規(guī)則圖形的方式呈現(xiàn),被用來區(qū)分現(xiàn)實的對象,做現(xiàn)實世界中實際事物的直接映射。

用“面”的形狀可視化公園的樣貌（來源：帝都繪）數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——形狀《國家地理》雜志的作品《心智框架》，以非規(guī)則圖形相互咬合的設(shè)計，運用再現(xiàn)畢加索創(chuàng)作的技藝手法、形狀和色彩的方式，繪制了一幅尺寸為36*60英寸的布面油畫。這幅可視化作品中，作者分析了大約8000件畢加索作品中重復(fù)出現(xiàn)的12個主題，對它們進行分類，每個類別的面積大小反映了該主題的藝術(shù)品數(shù)量，而其獨特的形狀和構(gòu)圖使作品充滿藝術(shù)氣息，令人印象深刻。用非規(guī)則形狀展現(xiàn)畢加索藝術(shù)（來源：國家地理）

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——面積和體積面積和體積也是用于表示數(shù)值差異的視覺變量。面積通常用于二維空間,多采用圓形和矩形;體積則適用于三維空間,多采用立方體或球體。

面積和體積在作為視覺變量進行事物之間的尺寸比較時,需要注意保持所有維度的比例,使之能準確地反映數(shù)據(jù)的變化，而不能出現(xiàn)失真的情況。

以“面積”作為視覺變量（來源：財新網(wǎng)）

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——面積和體積路透社的作品《喀拉拉邦的水壩為何沒能阻止災(zāi)難》一文中，設(shè)計師采用“體積”作為視覺變量，形象地呈現(xiàn)了從2018年7月1日-8月9日當(dāng)?shù)厮畮煨钏康淖兓Ｓ谩绑w積”作為視覺變量（來源：路透社）

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——色彩色彩是所有視覺變量中最富于變化的一種。在色彩學(xué)上計算出來的色彩數(shù)目大約有750萬種,一般人可以分辨出3000~5000種顏色。而美國攝影公司的調(diào)查結(jié)果顯示,人類具有分辨數(shù)百種顏色的能力。色彩極富“欺騙性”,因為受“光”的影響,色彩具有不確定性的特征。自然光能取得色彩波長的平衡,所以人眼看來在自然光下色彩最自然。日光燈或者陰影下,光的藍色波長較強,物體顏色看起來會偏藍。而在波長集中于紅色和橘色的白熾燈照射下,物體的顏色看起來偏紅。

色彩有各式各樣的分類或表達方式,其中“曼塞爾(Munsell)色系”被認為是色彩學(xué)的基礎(chǔ),它將色彩分為“色相”“純度”和“明度”三種要素。數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——色彩曼塞爾(Munsell)色相環(huán)

色彩的明度與純度（彩度）之分

數(shù)據(jù)可視化的構(gòu)成要素一、可視化的靜態(tài)視覺變量——色彩針對色盲用戶的配色解決方案第一步:字體顏色設(shè)置成黑色。由于黑色能提供最高的對比度,因此在淺色背景中使用黑色字體最為有效。同理,在深色背景中使用白色字體也能獲得同樣的效果。第二步:在圖表元素上做標注。對于以色彩作為區(qū)分的圖表,色盲人群可能無法辨認,這時可以把標注設(shè)置成粗體,以保證通過顏色傳遞的信息在沒有顏色的情況下也夠清晰。第三步:確保明度的高對比度。對于色盲或色弱用戶而言,他們不能區(qū)分部分色相,但是對于明暗的區(qū)分則容易些。明度有足夠的對比度可以使讀者能夠更容易地閱讀圖表。第四步:在決定發(fā)布圖表之前,先將圖表打印成黑白色以測試對比度是否充分。如果黑白圖表情況良好的話,那就說明這種配色方案是可取的。（黃慧敏.最簡單的圖形與最復(fù)雜的信息:如何有效建立你的視覺思維.杭州:浙江人民出版社,2014.）數(shù)據(jù)可視化的構(gòu)成要素二、可視化的動態(tài)視覺變量隨著可視化技術(shù)和工具的進步,越來越多的可視化設(shè)計已經(jīng)突破了靜態(tài)二維空間的限制,發(fā)展為動態(tài)的動畫或視頻形式。

綜合學(xué)者的研究,動態(tài)視覺變量包括發(fā)生時長、變化速率、變化次序、頻率、時刻、同步和節(jié)奏這七種。發(fā)生時長一個靜態(tài)場景從出現(xiàn)展示到消失在畫面上的時間長度,用于表現(xiàn)動態(tài)現(xiàn)象的延續(xù)過程。設(shè)計動畫時將發(fā)生時長的值設(shè)計得越大,就說明動畫生成的時間越長,也是給一個事物更長的展示時間。

變化速率包括場景變化的幅度和速度兩個層面。變化速率需借助位置、角度、方向、顏色、面積和體積之類的靜態(tài)視覺變量的變化來呈現(xiàn)。

變化次序場景出現(xiàn)的先后順序,對于時間動畫而言,時間就是內(nèi)在的次序。在動態(tài)可視化設(shè)計時,未必都需要按照時間來設(shè)計變化次序。也可以通過顏色的變化來呈現(xiàn)。數(shù)據(jù)可視化的構(gòu)成要素二、可視化的動態(tài)視覺變量頻率指場景出現(xiàn)的頻繁程度,該變量與發(fā)生時長相關(guān)。如可采用閃爍頻率,用讓某些場景頻繁出現(xiàn)在畫面的方式來暗示其重要性。時刻指場景的顯示時間,用以標識某一種變化的出現(xiàn)。這種變化可以指向某種行為或現(xiàn)象，也可以指向某個具有實際意義的時間。

同步指兩個或多個時間序列之間的關(guān)系,可用于多個場景的時序校正中。同步與變化次序一同構(gòu)成表達因果關(guān)系的重要視覺變量。

節(jié)奏描述符號周期性變化的特征,是由發(fā)生時長、變化速率以及其他參量融合到一起而生成的復(fù)合參量。描述節(jié)奏的參量可以進一步細分為頻率(周期)和振幅，節(jié)奏的頻率對應(yīng)著變化速率，振幅則對應(yīng)著現(xiàn)象變化的峰值。

數(shù)據(jù)可視化的構(gòu)成要素二、可視化的動態(tài)視覺變量2022年，信息之美獎的“休閑、游戲和運動”類獎項的金獎頒給了作品《雷霆之路》，這個用數(shù)據(jù)可視化來呈現(xiàn)2021年世界一級方程式錦標賽的作品很好地結(jié)合了視覺和聽覺變量，用一種富有表現(xiàn)力的形式完美地展現(xiàn)了這一賽事的速度與激情。新聞中數(shù)據(jù)可視化的常見類型03新聞中數(shù)據(jù)可視化的常見類型數(shù)據(jù)可視化在新聞傳播領(lǐng)域的應(yīng)用平面媒體信息圖電視數(shù)據(jù)動畫/視頻新媒體端數(shù)據(jù)可視化電腦PC端的數(shù)據(jù)可視化手機、IPAD等移動設(shè)備上的數(shù)據(jù)可視化新聞傳播領(lǐng)域數(shù)據(jù)可視化的發(fā)展脈絡(luò)與主要類型

新聞中數(shù)據(jù)可視化的常見類型一、信息圖數(shù)據(jù)可視化在誕生之初就是以靜態(tài)信息圖為主要呈現(xiàn)形式的。如今信息圖早已融入人們的日常生活之中,隨處可見的產(chǎn)品說明書、教材、股票行情圖、防災(zāi)手冊、旅游標識、導(dǎo)航地圖等都屬于信息圖的范疇。信息圖在數(shù)據(jù)新聞中頻繁出現(xiàn),尤其是報刊等平面媒體。

《華盛頓郵報》的報道《100萬同胞》的版面信息圖新聞中數(shù)據(jù)可視化的常見類型一、信息圖國內(nèi)網(wǎng)站的數(shù)據(jù)新聞欄目也不乏這類以信息圖為主的可視化設(shè)計,但與前者不同的是，在移動互聯(lián)網(wǎng)越來越普及的背景下，基于新媒體端傳播的信息圖呈現(xiàn)出與平面媒體信息圖不盡相同的特征：傳統(tǒng)報刊媒體的信息圖的尺寸和在新媒體端呈現(xiàn)的信息圖的尺寸有所差別，因為媒體形態(tài)的不同，前者在設(shè)計時的縱橫尺寸和比例相對固定，后者則橫向尺寸固定，縱向尺寸有很大的伸展空間。《中國人最怕的馬路殺手，三個字》局部截圖（來源：澎湃新聞新聞中數(shù)據(jù)可視化的常見類型一、信息圖2023年，受到小紅書傳播的影響，微信推出了被稱為“小綠書”的發(fā)布形式，一種以若干張信息圖為主，文案為輔的數(shù)據(jù)新聞形態(tài)開始在國內(nèi)新媒體端出現(xiàn)，在這種數(shù)據(jù)新聞作品中，信息圖也是主導(dǎo)。

帝都繪的《在北京辦一桌婚宴需要多少錢？》

中的信息圖新聞中數(shù)據(jù)可視化的常見類型一、信息圖理想的信息圖的五個要素第一,吸引眼球,令人心動。以核心的圖文和構(gòu)圖設(shè)計為信息注入吸引力,讓讀者以最直觀的方式理解信息內(nèi)容。第二,準確傳達,信息明了。明確自己想傳達什么,是出于何種目的,為了誰而設(shè)計,這種思考方式在制作圖文時必須貫穿始終。第三,去粗取精,簡單易懂。在信息圖中,信息不是越多越好,大膽舍棄冗余信息也是一種設(shè)計能力。圖中保留的信息,要能以最小的量產(chǎn)生最大的效果,讓讀者第一眼就能明白所傳達的意圖。第四,視線流動,構(gòu)建時空。制作信息圖時要充分利用人的閱讀習(xí)慣,認識到視線移動的順序可以幫助我們找到版面的視覺中心,并通過圖文中元素的位置安排來呈現(xiàn)時間的變化,這有助于信息圖表現(xiàn)出如透視圖般的遠近層次感。第五,摒棄文字,以圖釋義。最理想的信息圖無須文字,僅以圖形傳達信息,其內(nèi)涵依然能被讀者充分理解。為此,設(shè)計師需要運用適用于所有人的通用化設(shè)計方法。

（木村博之.圖解力：跟頂級設(shè)計師學(xué)作信息圖.北京:人民郵電出版社,2013:16-17.

）新聞中數(shù)據(jù)可視化的常見類型二、數(shù)據(jù)動畫/視頻與信息圖相比,數(shù)據(jù)動畫/視頻使視覺元素不再呈現(xiàn)靜止的狀態(tài),而是將一系列畫面組接,使之在屏幕上形成動態(tài)影像。數(shù)據(jù)動畫/視頻可以在一定程度上增加畫面的場景化,更容易將用戶帶入情境。常見的數(shù)據(jù)動畫/視頻包括GIF動態(tài)圖片、動態(tài)圖表、動畫新聞、融新聞攝影攝像與動畫為一體的視頻新聞。大多數(shù)數(shù)據(jù)新聞專家曾經(jīng)一度不提倡采用動畫/視頻新聞的形式來呈現(xiàn)數(shù)據(jù),因為這種稍縱即逝的呈現(xiàn)方式不利于用戶觀察和探索數(shù)據(jù)。但是因為短視頻和動畫正受到用戶的追捧,在數(shù)據(jù)新聞領(lǐng)域推出的一些動畫/視頻新聞往往能獲得更高的關(guān)注度,所以越來越多的媒體開始投入動畫/視頻新聞的生產(chǎn)。新聞中數(shù)據(jù)可視化的常見類型案例：《30萬字的片尾字幕中發(fā)現(xiàn)國產(chǎn)電影崛起的秘密》新聞中數(shù)據(jù)可視化的常見類型三、交互可視化自20世紀80年代中期開始,“交互式設(shè)計”(interactiondesign)成為業(yè)界一個新興的概念?！敖换バ詫τ跇?gòu)建處理復(fù)雜性的視覺工具至關(guān)重要。當(dāng)數(shù)據(jù)集足夠大時，受到人員和顯示的限制，一次性顯示所有數(shù)據(jù)變得難以實現(xiàn)，因而用戶操作使視圖改變的交互設(shè)計是未來的趨勢?！薄霸谟嬎銠C圖形學(xué)廣泛普及之前，可視化僅限于使用紙上的靜態(tài)圖像。通過基于計算機的可視化，交互性成為可能，極大地增加了可視化工具的范圍和功能?！保∕unznerT.VisualizationAnalysis&Design.NewYork:CRCPress.2015:9.

）交互性是數(shù)字媒體區(qū)別于模擬媒體的一大重要特征，同時它也被視為一種“參與的透明性”的關(guān)鍵推動因素。（KarlssonM.RitualsofTransparency:EvaluatingOnlineNewsOutlets’UsesofTransparencyRitualsintheUnitedStates,UnitedKingdomandSweden.JournalismStudies.2010,11(4),535–545.DOI:10.1080/14616701003638400.

）新聞中數(shù)據(jù)可視化的常見類型三、交互可視化(1)傳輸包括使用簡單的交互可視化的項目，允許受眾查看可視化，并以彈出信息形式為他提供對各種可視化元素的附加解釋。

(2)咨詢包括提供相同數(shù)據(jù)的多個視圖的項目，以及包括允許用戶放大某些區(qū)域（地圖、時間線等）的交互可視化的項目。

(3)對話式包括接受來自用戶的可以改變可視化的輸入數(shù)據(jù)的可視化項目。

交互可視化的應(yīng)用的三種形式（VeglisA,BratsasC.TowardsaTaxonomyofDataJournalism.JournalofMediaCritiques.2017,3(11),109–121.DOI:10.17349/jmc117309.

）

新聞中數(shù)據(jù)可視化的常見類型三、交互可視化過濾和簡化信息可以用交互的方式使受眾直接接觸自己關(guān)注的部分數(shù)據(jù)和信息,而不會在一堆數(shù)據(jù)中迷失。

幫助受眾解決問題通過對數(shù)據(jù)的分類和結(jié)構(gòu)化處理,為需求不同的用戶提供定制化信息服務(wù)。

便于受眾對數(shù)據(jù)進行探索從“看”新聞轉(zhuǎn)向“參與”新聞。用戶通過自己的操作比僅僅閱讀更能對新聞內(nèi)容記憶深刻,并樂于分享。

數(shù)據(jù)新聞中應(yīng)用交互可視化具有以下優(yōu)點：新聞中數(shù)據(jù)可視化的常見類型案例：《香港鞋盒屋的生活》《香港鞋盒屋的生活》是《南華早報》2022年6月推出的關(guān)注香港底層居住現(xiàn)狀的系列作品之一，該系列作品獲得了包括2023年新聞設(shè)計協(xié)會（SND）的在線新聞類別的金獎等多項大獎。該作品結(jié)合了多種可視化類型，包括插圖、3D模型、分解圖和橫截面、地圖和圖表等，生動地呈現(xiàn)劏房的生活以及居住者每天面臨的困難。

在該報道的網(wǎng)頁端設(shè)計中采用H5交互式設(shè)計，需要讀者通過鼠標滾軸的滑動來感受場景的變化和敘事的推進。在對于香港劏房的數(shù)據(jù)調(diào)查部分，設(shè)計師則將之按照年齡、月租、居住時長、家庭月收入等維度做了數(shù)據(jù)篩選，讀者可以點擊相應(yīng)的按鍵看不同角度的數(shù)據(jù)調(diào)查結(jié)論

。數(shù)據(jù)可視化的設(shè)計要點04數(shù)據(jù)可視化的設(shè)計要點一、什么是好的數(shù)據(jù)可視化？“圖片的最大價值在于它迫使我們注意到我們從未預(yù)料到的內(nèi)容（Thegreatestvalueofa(data)pictureisthatitforcesustonoticewhatweneverexpectedtosee）?！?/p>

（TukeyJW.Exploratorydataanalysis.Reading,Mass.:Addison-WesleyPublishing,1977.

）“統(tǒng)計圖表的卓越之處在于以清晰、精確和高效的方式傳達復(fù)雜的想法。”優(yōu)秀圖表的標準包括“(1)顯示數(shù)據(jù)；引導(dǎo)觀者思考實質(zhì)內(nèi)容，而不是方法論、圖形設(shè)計、圖形制作技術(shù)或其他東西；(2)避免歪曲數(shù)據(jù)；(3)在很小的空間中呈現(xiàn)許多數(shù)字；(4)使大數(shù)據(jù)集保持一致；(5)鼓勵觀者比較不同的數(shù)據(jù)；(6)從廣泛的概述到精細的結(jié)構(gòu)，以多個細節(jié)級別揭示數(shù)據(jù)；(7)服務(wù)于非常明確的目的：描述、探索、制表或裝飾；(8)與數(shù)據(jù)集的統(tǒng)計和口頭描述緊密結(jié)合?！保═ufteER.TheVisualDisplayofQuantitativeInformation(2ndedition).Cheshire:GraphicPressLLC.2001:14.

）

數(shù)據(jù)可視化的設(shè)計要點一、什么是好的數(shù)據(jù)可視化？“視物致知”：數(shù)據(jù)可視化應(yīng)追求“真”“善”“美”。簡單地說“真”指能正確反映數(shù)據(jù)的本質(zhì),以及對所反映的事物和規(guī)律有正確的感受和認識;“善”指終極目標是幫助公眾理解人類社會發(fā)展和自然環(huán)境的現(xiàn)狀,促進政府和職能部門運行的透明;“美”則是指達到藝術(shù)的完美性,形式和內(nèi)容應(yīng)和諧統(tǒng)一,既有藝術(shù)個性,又有創(chuàng)新和發(fā)展。（陳為等.數(shù)據(jù)可視化(第2版).電子工業(yè)出版社.2019.

）

好的可視化應(yīng)該具有五個特征：真實，好的可視化的基礎(chǔ)是深入和誠實的研究；實用，好的可視化對數(shù)據(jù)做準確的描述，人們還可以基于它做有意義的操作；美觀，好的可視化應(yīng)具有吸引力、有趣，且能給目標受眾（無論是科學(xué)家還是普通大眾）帶來審美愉悅；有洞察力，好的可視化能揭示一些我們通過其他方式很難看到的數(shù)據(jù)發(fā)現(xiàn)；有啟發(fā)性的。一旦我們理解和接受可視化呈現(xiàn)的證據(jù)，它會改變我們的想法，變得更好。（CairoA.TheTruthfulArt:Data,Charts,andMapsforCommunication.NewRiders,2016:45-65.

）

數(shù)據(jù)可視化的設(shè)計要點二、功能為了設(shè)計好的數(shù)據(jù)可視化作品，我們需要把握“功能”“流程”和“形式”三個設(shè)計要點。明確數(shù)據(jù)可視化的功能，在設(shè)計時應(yīng)該盡可能使信息和數(shù)據(jù)易于查找、閱讀、理解、探索和回憶。要使設(shè)計滿足其功能性，需要從以下兩方面入手：一方面要確保可視化設(shè)計具有完備的架構(gòu)；另一方面是要根據(jù)數(shù)據(jù)類型選擇合適的視覺編碼方式和可視化形式。數(shù)據(jù)可視化的設(shè)計要點二、功能圖表的完整架構(gòu)應(yīng)該包含：標題、圖例、刻度、署名、來源、注記圖層等。圖表架構(gòu)示例（來源：RUC新聞坊）

數(shù)據(jù)可視化的設(shè)計要點二、功能圖表的完整架構(gòu)應(yīng)該包含：標題、圖例、刻度、署名、來源、注記圖層等。數(shù)據(jù)視頻中完整的圖表架構(gòu)畫面截圖（來源:CGTN）

數(shù)據(jù)可視化的設(shè)計要點二、功能單張圖表對架構(gòu)完整性的要求最高，而在由多張圖表構(gòu)成的信息圖、數(shù)據(jù)視頻和交互可視化作品中，因為圖表是整個信息結(jié)構(gòu)中的一個組成部分，因而對其完整度的要求有一定的降低，除了圖例、刻度等必不可少的要素之外，可以通過上下文、配音和文末統(tǒng)一標注等多種方式來處理其他要素。數(shù)據(jù)可視化設(shè)計要實現(xiàn)功能的最大化，還需要根據(jù)不同的數(shù)據(jù)類型選擇合適的視覺編碼方式（即視覺變量）和可視化形式。在可視化領(lǐng)域,有一些經(jīng)過行業(yè)多年摸索而形成的規(guī)律,不同的數(shù)據(jù)類型需要適合展現(xiàn)數(shù)據(jù)特征的可視化形式來匹配。設(shè)計者需要對這些形式有所了解,才能在此基礎(chǔ)上保證數(shù)據(jù)傳達的準確性。

數(shù)據(jù)可視化的設(shè)計要點安德魯·阿貝拉的《圖表建議》圖注:本圖為劉萬祥翻譯。資料來源:http:///files/choosing-a-good-chart-09.pdf

數(shù)據(jù)可視化的設(shè)計要點數(shù)據(jù)分析師霍爾茨（YanHoltz）和設(shè)計師希利（ConorHealy）開發(fā)了一個名為《從數(shù)據(jù)到可視化》的項目（/#explore），旨在幫助人們?yōu)槠浣o定的數(shù)據(jù)集找到合適的可視化形式。該項目網(wǎng)站的內(nèi)容包括：基于輸入數(shù)據(jù)格式的交互式?jīng)Q策樹；圖表類型的廣泛列表及其描述；每個圖表的可重復(fù)R代碼、Python代碼、D3.js和React代碼；一些基于真實數(shù)據(jù)的數(shù)據(jù)分析示例；常見數(shù)據(jù)可視化陷阱圖庫：設(shè)計一些圖形時可能出現(xiàn)的問題和可行的解決方法。數(shù)據(jù)可視化的設(shè)計要點二、功能(一)時序數(shù)據(jù)的可視化呈現(xiàn)時序數(shù)據(jù)的可視化模式較多,其中主要包括折線圖、柱形圖、條形圖、堆積圖、日歷熱圖等《華盛頓郵報》報道中通過折線圖來呈現(xiàn)隨時間變化人們觀看視頻方式的變遷

數(shù)據(jù)可視化的設(shè)計要點澎湃“美數(shù)課”用條形圖呈現(xiàn)十年間各級學(xué)校數(shù)量的變動

網(wǎng)易“數(shù)讀”用堆積圖展現(xiàn)美國不同年份不同收入的所得稅納稅額和收入份額之間的對比關(guān)系

數(shù)據(jù)可視化的設(shè)計要點美國NPR的數(shù)據(jù)記者馬特·斯蒂爾斯（MattStiles）根據(jù)紐約時報的數(shù)據(jù)制作的日歷熱圖顯示美國生育率的在一年中的變化規(guī)律

當(dāng)時序數(shù)據(jù)的數(shù)量較多時，折疊時間軸成為環(huán)形也是不錯的選擇。財新的百年諾獎報道中就對時間軸做了巧妙的處理。

數(shù)據(jù)可視化的設(shè)計要點二、功能(二)空間數(shù)據(jù)的可視化空間數(shù)據(jù)多為地理數(shù)據(jù),往往通過地圖來呈現(xiàn)?？蓪?shù)值映射在地理坐標系中,以展現(xiàn)不同地區(qū)之間的聯(lián)系和差異。查爾斯·約瑟夫·米納德（CharlesJosephMinard）于1869年繪制的1812年拿破侖東征俄國的地圖是早期空間數(shù)據(jù)可視化的經(jīng)典作品

數(shù)據(jù)可視化的設(shè)計要點2017年，俄羅斯塔斯新聞通訊社制作的《1812:拿破侖的東征冒險》

交互式報道截圖

數(shù)據(jù)可視化的設(shè)計要點地理數(shù)據(jù)有獨特的數(shù)據(jù)格式,地理數(shù)據(jù)的差異可用不同的地圖形式來呈現(xiàn)。地圖可以分為單一圖、類別圖、漸進圖、氣泡圖、聚合圖、熱力圖、時態(tài)圖等。單一圖就是單一符號圖,是將一種數(shù)據(jù)統(tǒng)一渲染成同樣的顏色、形狀和大小的地圖形式,點、線、面的數(shù)據(jù)都可以在單一圖中展現(xiàn)。《華盛頓郵報》在報道美國的電網(wǎng)分布時就采用了單一圖，圖中只有電網(wǎng)線路這一種數(shù)據(jù)。數(shù)據(jù)可視化的設(shè)計要點類別圖是指用色相的差異來渲染區(qū)分不同字段數(shù)據(jù)的地圖形式,也可用來展現(xiàn)點、線、面的數(shù)據(jù)。德國《每日鏡報》在報道柏林不同類型的空間使用時就采用了類別圖，用色相來區(qū)分柏林的城市中不同類型的空間使用。數(shù)據(jù)可視化的設(shè)計要點漸進圖是按照一定的規(guī)律對地理數(shù)據(jù)的值進行分段后再以不同色彩(色相或明度)的差異來漸次渲染的地圖形式。澎湃“美數(shù)課”在報道中引用的地圖就是漸進圖，圖中將數(shù)據(jù)進行分段后運用色彩的明度差來表示數(shù)據(jù)之間的漸進關(guān)系。數(shù)據(jù)可視化的設(shè)計要點氣泡圖是用氣泡來渲染地理數(shù)據(jù)的圖形,其中的氣泡只適用于點的數(shù)據(jù),不能用來展示線或面的數(shù)據(jù)。氣泡圖中可以通過氣泡的色彩和面積的不同來展示數(shù)據(jù)的差異。路透社報道2016-2017年菲律賓警方在禁毒過程中的不當(dāng)槍擊行為造成611名嫌犯在送醫(yī)途中身亡的事件時，用氣泡圖展示槍擊發(fā)生的不同地點，并以不同面積的氣泡展示這些地點嫌犯死亡數(shù)量從1-7人的區(qū)別。數(shù)據(jù)可視化的設(shè)計要點聚合圖是把點的數(shù)據(jù)統(tǒng)計到規(guī)則的多邊形后,再采用面的漸進圖的方式對這些規(guī)則的多邊形進行渲染的地圖形式。2015年，獲得信息之美獎“數(shù)據(jù)新聞”類別金獎的作品德國時代在線發(fā)布的《德國的統(tǒng)一》中運用聚合圖展示東、西德之間在經(jīng)濟指標和生活方式上的差異。數(shù)據(jù)可視化的設(shè)計要點熱力圖是以特殊高亮的形式來渲染具有顯著高值的點的數(shù)據(jù)的地圖形式。澎湃“美數(shù)課”編譯的報道中以熱力圖的形式來展現(xiàn)光污染的狀況，光污染嚴重的區(qū)域在圖中以高亮的形式凸顯。數(shù)據(jù)可視化的設(shè)計要點時態(tài)圖則是將不同時間段的數(shù)據(jù)按照一定的時間間隔進行顯示的地圖形式，時態(tài)圖常采用動畫形式呈現(xiàn)。財新傳媒的作品《高鐵三小時能到的地方，你想去哪個？》中用戶可以點擊選擇某個國內(nèi)城市，然后地圖上將按照城市間高鐵最快能到達的時間，運用多線路合并取最快路線，動態(tài)展示從這個城市到乘坐高鐵分別能在3小時、5小時和6小時到達的目的地點之間的行駛路線數(shù)據(jù)。數(shù)據(jù)可視化的設(shè)計要點二、功能(二)空間數(shù)據(jù)的可視化做地圖的時候可參考高德地圖。谷歌的地圖跟中國的地圖不一樣,需慎用國外地圖,比如OpenStreetMap和MapBox的底圖。盡量用GCJ02的坐標系去做地圖。傳統(tǒng)的坐標系叫地理坐標系(WGS84),就是原始的實際的經(jīng)緯度坐標。中國政府為了加密對地圖做了一些非線性的偏移,形成的坐標系叫GCJ02。這個坐標系是測繪局制定的,高德、天地圖、谷歌中國是用這套坐標系。然后百度在這個GCJ02基礎(chǔ)上又做了一次偏移,形成了BD09坐標系。這幾個坐標系之間是可以互相轉(zhuǎn)化的。有時底圖可能是高德,然后使用了收集的來自百度API的數(shù)據(jù)就會出現(xiàn)偏離底圖的問題。有的地圖編碼接口可能會有一些參數(shù),需要留意一下是選擇GCJ02還是BD09。如果制作國內(nèi)的地圖，可以使用國家自然資源部提供的標準地圖服務(wù)（/），它是依據(jù)中國和世界各國國界線畫法標準編制而成。數(shù)據(jù)可視化的設(shè)計要點規(guī)范地圖示例，尤其注意：如果放小九段線圖的話，大圖中臺灣旁邊還需要露出九段線的上三段數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化關(guān)系數(shù)據(jù)常用樹圖、沃倫諾伊圖、圓堆積圖、弦圖、節(jié)點-鏈接圖等形式做可視化。樹圖指樹狀結(jié)構(gòu)圖,它用一種嵌套式矩形顯示層次數(shù)據(jù)的關(guān)系,并通過每個部分的面積大小來顯示該類別的數(shù)量?！缎戮﹫蟆穲蟮乐杏昧肆鶑垬鋱D來對比不同年代的暴雨天數(shù)。

數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化沃倫諾伊圖與樹圖的設(shè)計原理相似，但它以一種嵌套式圓形來展現(xiàn)數(shù)據(jù)的層次關(guān)系。沃倫諾伊圖示例（來源：澎湃美數(shù)課）數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化圓堆積圖類似樹圖,但它將矩形改為圓形,用圓形面積的堆積來展示層次數(shù)據(jù)。財新傳媒運用圓堆積圖展現(xiàn)全國的博物館在擁有文物數(shù)量上的關(guān)系,從圖中可以清晰地看到故宮博物院和中國國家博物館的館藏最為豐富。數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化弦圖更利于表現(xiàn)不同數(shù)據(jù)對象之間的流向關(guān)系。在弦圖的圓周上分布著節(jié)點,點與點之間以弧線連接以顯示當(dāng)中關(guān)系,然后通過每個圓弧的大小比例給每個連接分配相應(yīng)的數(shù)值。如右圖中用弦圖來呈現(xiàn)武器進口大國和武器出口大國之間的聯(lián)系。數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化弦圖還可以簡化為只顯示節(jié)點和鏈接的圖形,強調(diào)數(shù)據(jù)之間的相通之處。如右圖所示。數(shù)據(jù)可視化的設(shè)計要點二、功能(三)關(guān)系數(shù)據(jù)的可視化節(jié)點-鏈接圖還適合用于呈現(xiàn)基于社會網(wǎng)絡(luò)分析的數(shù)據(jù)可視化，如右圖《美國眾議院日益嚴重的黨派偏見》中采用節(jié)點-鏈接圖來展現(xiàn)了自1949-2011年以來眾議院民主黨和共和黨成員之間的網(wǎng)絡(luò)關(guān)系，由此圖，我們發(fā)現(xiàn)自上世紀90年代開始，兩黨議員之間的共識越來越少，其陣營的交織不再明顯，分歧則越來越顯著。數(shù)據(jù)可視化的設(shè)計要點二、功能(三)文本數(shù)據(jù)的可視化文本數(shù)據(jù)的可視化在生活中較為普遍,比如思維導(dǎo)圖、流程圖、知識結(jié)構(gòu)圖等。目前常見的文本數(shù)據(jù)挖掘多集中于詞匯級,語法和語義級的挖掘相對較少。詞云圖在文本數(shù)據(jù)的可視化中使用最為普遍,但因為詞云展示的數(shù)據(jù)意義過于有限，越來越多媒體開始棄用這種可視化形式，探索更多表達文本數(shù)據(jù)的圖形。如澎湃美數(shù)課對歷年政府工作報告中的詞匯做分析后所作的圖形在一定程度上結(jié)合了時序數(shù)據(jù)的可視化模式。數(shù)據(jù)可視化的設(shè)計要點借鑒南丁格爾玫瑰圖呈現(xiàn)文本數(shù)據(jù)

用疊嶂圖呈現(xiàn)文本數(shù)據(jù)（來源：布丁雜志）

數(shù)據(jù)可視化的設(shè)計要點用文字墻呈現(xiàn)文本數(shù)據(jù)

數(shù)據(jù)可視化的設(shè)計要點二、功能(四)跨媒體數(shù)據(jù)的可視化跨媒體數(shù)據(jù)以圖像、音頻、視頻、網(wǎng)絡(luò)日志等數(shù)字生活形式存在,這類數(shù)據(jù)的可視化相對復(fù)雜,也有更多突破一般統(tǒng)計圖表的創(chuàng)意空間。如澎湃美數(shù)課的《爆款新春歌曲調(diào)配指南》分析了12首年代不同的經(jīng)典新春歌曲，拆解出五條規(guī)律。作品中以花作為主視覺元素，將歌曲的規(guī)律蘊藏于花瓣、花心的設(shè)計中，簡潔而美觀。數(shù)據(jù)可視化的設(shè)計要點二、功能(四)跨媒體數(shù)據(jù)的可視化在《經(jīng)濟學(xué)人》網(wǎng)站刊發(fā)的作品《重新想象一場比賽：6支球隊、百萬粉絲、無數(shù)故事》中，SignalNoise機構(gòu)與西門子合作使用精確的音頻檢測技術(shù)，創(chuàng)建了一個3D聲景，映射了德國安聯(lián)球場內(nèi)的噪音。球迷可以通過收聽比賽關(guān)鍵時刻捕獲的數(shù)千個數(shù)據(jù)點來“觀看”五場2018-2019賽季足球俱樂部拜仁慕尼黑隊的比賽。作品中，設(shè)計師將球場和看臺設(shè)計成可以旋轉(zhuǎn)的3D景觀。數(shù)據(jù)可視化的設(shè)計要點二、功能(四)跨媒體數(shù)據(jù)的可視化《紐約時報》2022年4月30日發(fā)布的作品《〈塔克·卡爾森之夜〉中的世界末日世界觀》中，對福克斯電視臺黃金時段節(jié)目《塔克·卡爾森之夜》（TuckerCarlsonTonight）中的1150集視頻數(shù)據(jù)展開調(diào)查，作品的開篇采用了大量視頻鏡頭組接排列在一起的畫面，伴隨卡爾森的名言音頻的播放，相應(yīng)的視頻片段被放大凸顯。數(shù)據(jù)可視化的設(shè)計要點三、流程“流程”是指在做數(shù)據(jù)可視化設(shè)計時需要按照一定的順序來設(shè)置視覺元素的位置，從而使數(shù)據(jù)的呈現(xiàn)具有合理的布局，受眾的視覺路線能以符合視覺規(guī)律的方式被流暢地引導(dǎo)。在設(shè)計數(shù)據(jù)可視化時，可以從時間、空間、邏輯推導(dǎo)、系統(tǒng)結(jié)構(gòu)等角度來考量流程。數(shù)據(jù)可視化的設(shè)計要點三、流程（一）時間按照“時間”順序來配置畫面/頁面中的視覺元素是一種常見的“流程”方式，這種設(shè)計尤其適合展現(xiàn)那些帶有時序數(shù)據(jù)或是在敘事上采用時間順序遞進的作品。設(shè)計師佩德羅·希門尼斯（PedroJime?nez）設(shè)計的平面媒體信息圖《廣播的歷史》的主題是對廣播發(fā)展歷史的回顧，所以整個版面的設(shè)計依循時間順序的流程。數(shù)據(jù)可視化的設(shè)計要點三、流程（一）時間在《華盛頓郵報》的網(wǎng)頁作品《低空飛行“展示武力”》中，可視化部分以時間順序作為流程設(shè)計，主要考慮的是與該作品的調(diào)查文案的敘事方式保持一致。該報利用飛行跟蹤數(shù)據(jù)、圖像和視頻，重建了2020年6月1日當(dāng)晚停在唐人街抗議喬治·弗洛伊德被殺案的人們聚集的街道上空的兩架華盛頓陸軍國民警衛(wèi)隊直升機的飛行高度和軌跡。數(shù)據(jù)可視化的設(shè)計要點三、流程（二）空間“空間”是指利用空間數(shù)據(jù)來設(shè)計或是將視覺元素設(shè)置到某一主題相關(guān)的物體的內(nèi)外部結(jié)構(gòu)中來組織的一種流程形式。一般采用地圖來做數(shù)據(jù)可視化設(shè)計的作品都隸屬“空間”流程，此外，“空間”流程也適合用來解構(gòu)一些人們感興趣卻又難以企及的物體的結(jié)構(gòu)?！赌先A早報》的信息圖作品以空間架構(gòu)作為可視化設(shè)計的流程，通過拆解“鞋盒屋”的方式來展現(xiàn)香港糟糕的住宅境況。

數(shù)據(jù)可視化的設(shè)計要點三、流程（二）空間《紐約時報》對2021年1月6日發(fā)生的美國國會暴亂事件進行解釋的信息圖同時結(jié)合了“時間”和“空間”兩個流程形式，對當(dāng)時暴亂發(fā)生的時間、暴徒如何攻進國會大廈等內(nèi)容做了清晰的可視化呈現(xiàn)。數(shù)據(jù)可視化的設(shè)計要點三、流程（二）空間帝都繪與北京市建筑設(shè)計研究院有限公司合作的作品《大興機場開通一年多了，但我還沒機會去看它》是基于移動端開發(fā)的可視化設(shè)計，這張手繪風(fēng)格的信息長圖對大興機場的建筑設(shè)計細節(jié)做了詳盡的呈現(xiàn)，并設(shè)計了一些交互環(huán)節(jié)，以讓讀者充分了解大興機場的建筑特色。數(shù)據(jù)可視化的設(shè)計要點三、流程（三）邏輯推導(dǎo)“邏輯推導(dǎo)”是一種依托人們對事物認識理解的規(guī)律來組織可視化設(shè)計要素的流程形式。這種流程形式依循人們對事物的認知邏輯展開，這些認知邏輯可以是演繹推理式，也可以是歸納推理式的?！赌先A早報》以此為主題，制作了《建筑物為什么會搖晃》的信息圖。作品中運用了演繹推理的邏輯推導(dǎo)，從一般規(guī)律出發(fā)，將賽格大廈的特征與一般的摩天大樓出現(xiàn)搖晃的原因做比較，從而推導(dǎo)出賽格大廈出現(xiàn)晃動背后可能的原因。數(shù)據(jù)可視化的設(shè)計要點三、流程（三）邏輯推導(dǎo)出自盧克·賈尼斯特（LukeJaaniste）的信息圖《體育獲勝的所有方式》（AllTheWaysOfWinningInSports）運用了歸納推理的邏輯展開，圖中對大量體育運動的獲勝方式做歸納，最終發(fā)現(xiàn)它們分別與力量、速度、準確性、領(lǐng)地、靈活等要素相關(guān)，作者據(jù)此進行運動聚類，信息圖采取類似火車軌道圖的設(shè)計，在黑灰色背景上鋪設(shè)一根根彩色線條，通過這些不同色彩的線條引導(dǎo)讀者探索哪些運動以何種方式獲勝。數(shù)據(jù)可視化的設(shè)計要點三、流程（四）系統(tǒng)結(jié)構(gòu)“系統(tǒng)”是指由相互聯(lián)系、相互作用、相互依賴和相互制約的若干要素或部分組成的具有特定功能的有機整體，系統(tǒng)結(jié)構(gòu)是對這類有機整體之間各要素關(guān)系做梳理和呈現(xiàn)的流程形式。澎湃美數(shù)課的作品《一圖讀懂緬北家族關(guān)系網(wǎng)》創(chuàng)作者通過整理相關(guān)資料，梳理出緬北果敢自治區(qū)的幾大家族之間復(fù)雜的社會網(wǎng)絡(luò)。這相當(dāng)于對緬北詐騙團伙的系統(tǒng)結(jié)構(gòu)做了拆解。數(shù)據(jù)可視化的設(shè)計要點三、流程（四）系統(tǒng)結(jié)構(gòu)《國家地理》雜志的作品《自然的實驗室》對特普伊斯島的自然生態(tài)系統(tǒng)做了可視化呈現(xiàn)。作品以特普伊斯島的圖片作為主視覺，將對該島的地貌、氣候、植被、動物展開介紹的文字和視覺元素布局圍繞在主視覺版塊的相應(yīng)位置，使讀者更有沉浸的閱讀體驗，能全面了解這個神秘島嶼的生態(tài)系統(tǒng)。數(shù)據(jù)可視化的設(shè)計要點四、形式“功能”和“流程”考慮得更多的是設(shè)計時的模塊完整性和架構(gòu)合理性，與之相比，“形式”是在數(shù)據(jù)可視化過程中更外在的設(shè)計呈現(xiàn)，好的數(shù)據(jù)可視化設(shè)計需要用富有表現(xiàn)力的形式來呈現(xiàn)，這種形式不僅關(guān)乎微觀層面的視覺符號設(shè)計，也關(guān)乎作品整體的視覺形象塑造。形式設(shè)計涵蓋整體形象設(shè)計、視覺素材選擇、設(shè)計細節(jié)打磨三個層面。數(shù)據(jù)可視化的設(shè)計要點四、形式（一）設(shè)計整體形象數(shù)據(jù)可視化設(shè)計的整體形象需與作品主題匹配，好的作品形象設(shè)計可以使作品的內(nèi)容和形式達到統(tǒng)一協(xié)調(diào)感，帶給受眾更沉浸的閱讀體驗。要設(shè)計契合主題的整體形象，需著力兩個方面：其一是從作品的配色方案上下功夫，其二則是精心設(shè)計主視覺圖案。網(wǎng)易數(shù)讀的作品《麥當(dāng)勞vs肯德基，誰才是中國人最愛》就選擇了黃色、紅色作為主要的配色來設(shè)計整個作品中的圖表，這兩個顏色恰恰是麥當(dāng)勞和肯德基品牌的核心色彩。數(shù)據(jù)可視化的設(shè)計要點四、形式（一）設(shè)計整體形象除了配色方案以外，作品的主視覺設(shè)計也影響作品給人的整體印象。在信息圖中，主視覺占據(jù)作品視覺中心的部分?！吨袊請蟆?020年9月21日第6-7版刊發(fā)的信息圖主題是講述糧食浪費的嚴重性及其對環(huán)境和糧食生產(chǎn)供應(yīng)形勢的巨大影響，因而作品中部設(shè)計了一個正在傾倒盤中糧食的場景圖片。數(shù)據(jù)可視化的設(shè)計要點四、形式（一）設(shè)計整體形象在交互可視化設(shè)計中，主視覺是讀者打開作品網(wǎng)址到作品正文出現(xiàn)前所觸及的視覺部分，因為它是作品給讀者的第一印象，將決定讀者是否愿意繼續(xù)滑動頁面瀏覽正文。目前大多數(shù)交互可視化設(shè)計的作品在主視覺部分采用較為簡潔的設(shè)計，以與主題相關(guān)的圖片為背景，在圖片上方做壓圖標題。但也有一些媒體開始嘗試更有創(chuàng)意的設(shè)計。澳大利亞廣播公司的作品《撬開黑箱》網(wǎng)頁截圖

數(shù)據(jù)可視化的設(shè)計要點四、形式（一）設(shè)計整體形象路透社的作品《睡眠之旅》的主視覺設(shè)計也令人印象深刻。這個作品采用插畫設(shè)計，展現(xiàn)了舒適安靜的睡眠環(huán)境，如同童話故事般令人向往。數(shù)據(jù)可視化的設(shè)計要點在移動互聯(lián)網(wǎng)時代，很多交互設(shè)計的數(shù)據(jù)可視化作品為了受眾轉(zhuǎn)發(fā)更加便利，會制作作品的海報，將網(wǎng)址以二維碼形式印在海報中，這種海報也形成了作品的主視覺。右圖是澎湃美數(shù)課的兩張風(fēng)格迥異的作品海報

數(shù)據(jù)可視化的設(shè)計要點四、形式（二）精選視覺素材在可視化設(shè)計中，形式還與豐富多樣的視覺素材相關(guān)。選擇富有表情的視覺素材意味著我們創(chuàng)作的數(shù)據(jù)可視化作品擁有更鮮明的視覺風(fēng)格。當(dāng)下，數(shù)據(jù)可視化領(lǐng)域的視覺素材種類很多，除了常規(guī)的信息圖表之外，更多作品采用手繪插畫、照片、視頻、3D建模和實物等視覺素材，探索不同的表達風(fēng)格。對于一家媒體而言，既可以一種視覺素材為主，形成容易被識別的品牌形象，也可以探索多種視覺素材的表達，不斷創(chuàng)新和豐富可視化設(shè)計的語言。

數(shù)據(jù)可視化的設(shè)計要點四、形式（二）精選視覺素材不同的視覺素材賦予作品不同的視覺表情，手繪插畫能使相對艱澀的主題顯得更具親和力。

財新數(shù)字說的作品《“新工體”揭面紗：“新”在哪？相比全球豪門俱樂部主場如何》嘗試用手繪插畫設(shè)計和解讀改建后的工人體育場“新”在哪里。

數(shù)據(jù)可視化的設(shè)計要點四、形式（二）精選視覺素材照片、視頻讓設(shè)計看起來更具還原現(xiàn)場的張力?！冻招侣劇穲蟮栏u核事故十周年的信息圖設(shè)計中采用了大量史料照片作為視覺素材，使讀者能對該事故發(fā)生十年以來的相關(guān)變化有更直觀的了解，作品的新聞性更強。

數(shù)據(jù)可視化的設(shè)計要點四、形式（二）精選視覺素材在一些與人物相關(guān)的報道中，運用人物照片作為視覺素材，相比列舉人名能達到更好的視覺效果，可以迅速拉近作品與受眾之間的距離。ProPublica的作品《美國最高收入群體和他們的納稅情況》關(guān)注的對象都是知名人物，因而在作品的可視化設(shè)計中就融入了很多人物的頭像，避免了枯燥的人名堆積.數(shù)據(jù)可視化的設(shè)計要點四、形式（二）精選視覺素材3D建模是指利用三維制作軟件通過虛擬三維空間構(gòu)建出具有三維數(shù)據(jù)的模型，基于這種技術(shù)生成的3D模型能動態(tài)還原未被或難以被拍攝錄制的新聞現(xiàn)場，或者搭建起一個能夠從不同角度觀看的虛擬三維空間景觀?！断つ嵯闰?qū)晨報》的報道《利斯莫爾災(zāi)難剖析》結(jié)合地形數(shù)據(jù)、衛(wèi)星圖像、數(shù)字高程模型和圖像重