李可彤

(廣西城市職業(yè)大學(xué)，廣西 崇左 532200)

1 選題的依據(jù)及意義

科學(xué)技術(shù)在不停地發(fā)展，各個(gè)行業(yè)的數(shù)據(jù)信息量隨著互聯(lián)網(wǎng)信息技術(shù)的不斷普及和發(fā)展而急劇膨脹。人類社會(huì)需要人文社科不斷地推動(dòng)，也許它顯示出來(lái)的作用沒(méi)有自然科學(xué)的那么明顯，但是卻是更加令人印象深刻、直指內(nèi)心深處，對(duì)人類的教育作用是無(wú)可替代的。

數(shù)據(jù)可視化技術(shù)通過(guò)將每一種數(shù)據(jù)映射為不同的圖形、符號(hào)和顏色等，同時(shí)使用計(jì)算機(jī)視覺(jué)以及界面，通過(guò)平面圖形顯示繪制不同的圖像來(lái)直觀地把生僻晦澀的大量、繁雜的數(shù)據(jù)形象生動(dòng)并且清晰有效地表達(dá)出來(lái)，讓人們更容易從多維度了解錯(cuò)綜復(fù)雜的數(shù)據(jù)。ECharts是國(guó)內(nèi)的一款十分優(yōu)秀的可視化圖表控件，它能給用戶提供一些同時(shí)兼具個(gè)性化高、交互性高、靈活快速而且直觀生動(dòng)的優(yōu)點(diǎn)的數(shù)據(jù)可視化圖表。

2 國(guó)內(nèi)外研究現(xiàn)狀

對(duì)于人文社科的研究，國(guó)內(nèi)外一直在進(jìn)行著。2014年，Schich使用可視化技術(shù)針對(duì)歷史杰出人物的出生地點(diǎn)和逝世地點(diǎn)，關(guān)聯(lián)了當(dāng)時(shí)的歷史和文化，繪制了歐洲和北美的文化史圖，獲得了文化發(fā)展的趨勢(shì)[1]。近年來(lái),國(guó)內(nèi)外更是增加了一些關(guān)于人文社科的新項(xiàng)目、新平臺(tái)，例如國(guó)家圖書(shū)館的“華夏記憶項(xiàng)目”、上海圖書(shū)館的“中文古籍聯(lián)合目錄及循證平臺(tái)”。由此可見(jiàn)，在社會(huì)的不斷進(jìn)步下，人們已經(jīng)從單純地追求物質(zhì)世界逐漸轉(zhuǎn)變?yōu)榫袷澜?，人文社科的地位在不斷上升，研究人文社科的?shù)據(jù)勢(shì)在必行。

信息可視化其實(shí)是對(duì)數(shù)據(jù)庫(kù)數(shù)據(jù)的一種壓縮并進(jìn)行展示，是對(duì)復(fù)雜現(xiàn)象的了解、復(fù)雜數(shù)據(jù)的詮釋的重要工具和途徑。它可以通過(guò)詳細(xì)而深入的理解，簡(jiǎn)明而清晰地表示出海量的數(shù)據(jù)。

3 數(shù)據(jù)可視化設(shè)計(jì)及其圖例說(shuō)明

3.1 可視化數(shù)據(jù)的主題與來(lái)源

本項(xiàng)目圍繞的主題是人文社科中的“海上絲綢之路”“珠江-西江經(jīng)濟(jì)帶”“漓江廉政”“就業(yè)信息”，可視化數(shù)據(jù)的來(lái)源，一是從知網(wǎng)上爬取的與人文社科相關(guān)的文章名、作者、文章摘要、文章關(guān)鍵詞、發(fā)表日期；二是智聯(lián)招聘網(wǎng)中的招聘信息，包括每條招聘信息的城市、地點(diǎn)、招聘公司名稱、公司性質(zhì)、招聘職位、學(xué)歷要求、薪資以及招聘人數(shù)。

3.2 可視化實(shí)現(xiàn)流程

數(shù)據(jù)可視化的實(shí)現(xiàn)流程是從數(shù)據(jù)庫(kù)中的原始數(shù)據(jù)到圖表的生成的一系列過(guò)程。從數(shù)據(jù)庫(kù)取數(shù)據(jù)，到數(shù)據(jù)預(yù)處理、判斷類型，再到Json編碼、前端解碼，最后寫(xiě)入圖例數(shù)據(jù)、交互與顯示[2]。

3.3 數(shù)據(jù)可視化圖例詳細(xì)設(shè)計(jì)

3.3.1 餅圖(Pie Chart)

餅圖大多數(shù)應(yīng)用于統(tǒng)計(jì)學(xué)里，它的原理是將一個(gè)圓形切割成多個(gè)扇形，可以用來(lái)表示不同類型的數(shù)據(jù)占數(shù)據(jù)總量的百分比，同時(shí)，通過(guò)扇形的面積可以一眼看出它們之間的大小。

本次項(xiàng)目研究的是以人文社科為主題的與海上絲綢之路相關(guān)的文獻(xiàn)，本次的餅狀圖展示了關(guān)鍵詞在文章中的頻率，以及在餅圖中的百分比，如下圖1所示。點(diǎn)擊右上角的下載圖標(biāo)可以保存圖。由此可以幫助人們清晰直觀地看出每個(gè)關(guān)鍵詞的比例。

圖1 餅圖

3.3.2 柱形圖(Bar Chart)

柱形圖別名長(zhǎng)圖，它是由多個(gè)同一水平線上的長(zhǎng)方形柱構(gòu)成[3]，一般使用在數(shù)據(jù)的比較上。通常使用在坐標(biāo)系中，并且可以根據(jù)實(shí)際情景需要，將柱形圖表示在正負(fù)不同的坐標(biāo)系中，表示出不同的數(shù)據(jù)事件。本次垂直柱形圖數(shù)據(jù)是基于漓江廉政，展示了關(guān)鍵詞較高的詞語(yǔ)，同時(shí)展示了較高關(guān)鍵詞的總數(shù)。每個(gè)詞語(yǔ)之間的差距一眼便可以看出，同時(shí)當(dāng)鼠標(biāo)懸浮在上面時(shí)，可以提示出每個(gè)詞的詞頻，如圖2所示：點(diǎn)擊右上角可以折線圖、柱形圖切換，同時(shí)可以下載該圖。

圖2 垂直柱形圖

將數(shù)據(jù)庫(kù)中的數(shù)據(jù)輸出到后臺(tái)的過(guò)程中，首先對(duì)得到的數(shù)據(jù)編碼成K-V類數(shù)組，因?yàn)樵趫D例中的數(shù)據(jù)只存在于X軸或Y軸，Y軸對(duì)應(yīng)于K值，X軸對(duì)應(yīng)于V值，分布對(duì)應(yīng)使用3個(gè)數(shù)值存儲(chǔ)對(duì)應(yīng)的K、V、K-V值，循環(huán)輸出X-Y軸數(shù)值，并畫(huà)出表圖。然后再對(duì)圖例的控制值進(jìn)行自定義設(shè)置，完成后進(jìn)行展示。

3.3.3 詞云(WordCloud)

詞云是由美國(guó)大學(xué)的副教授里奇.戈登(Rich Gordon)推出的一種用于展示多種詞語(yǔ)及其所占比重的圖例。對(duì)多種詞語(yǔ)使用不同的顏色、位置、大小進(jìn)行排布，所占比重越大，其顯示在詞云中的大小也就越大。該圖例因其詞匯組成后類似云彩的樣子，又被稱為文字云。利用詞云，我們可以對(duì)文章進(jìn)行文字排布，得到文章的詞云，可以從中提煉出明顯的關(guān)鍵詞。

本次項(xiàng)目使用的是基于知網(wǎng)以海上絲綢之路為主題的文獻(xiàn)，詞云展示的是文章當(dāng)中出現(xiàn)次數(shù)較多的詞語(yǔ)，如圖3所示。詞云通過(guò)文字的大小展示出數(shù)量的大小，讓人們一眼可以看出數(shù)量最多的詞語(yǔ)。通過(guò)不同的色彩讓詞云圖更加亮眼。

圖3 詞云圖

4 總結(jié)

隨著信息科技的不斷發(fā)展，人們對(duì)界面的要求越來(lái)越高，不再滿足于簡(jiǎn)單、單一的數(shù)據(jù)圖表。因此，數(shù)據(jù)可視化應(yīng)運(yùn)而生。本論文根據(jù)人文社科數(shù)據(jù)的需要，研究Web可視化技術(shù)，選擇了Echarts插件作為人文社科數(shù)據(jù)可視化的主要插件，研究了餅圖、柱形圖、詞云。