2025-7-28 杰睿 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞
先來(lái)看幾張高校迎新大屏：
西北工業(yè)大學(xué)
浙江農(nóng)林大學(xué)
資料有限，大概做到了這樣一個(gè)迎新大屏：
教程只是視覺(jué)講化demo的制作過(guò)程唷，硬體部分不涉及啦
在設(shè)計(jì)可視化駕駛艙或大屏的時(shí)候，我們第一步要先確定我們大屏/駕駛艙的主題，然后列出我們想要在這張大屏上想要展示的數(shù)據(jù)指標(biāo)和分析維度
主題：學(xué)校迎新大屏，通過(guò)對(duì)學(xué)校招生資料以及教職人員資料分析，向新生展示學(xué)校招生情況及學(xué)校師資力量、辦學(xué)能力
主要分析維度如下：
各省份新生招生人數(shù)分析
歷年各省招生情況分析
迎新資師隊(duì)伍各
師資力量分析
辦學(xué)規(guī)模分析
歷年本科升學(xué)率趨勢(shì)分析
學(xué)校初步支出結(jié)構(gòu)分析
在校學(xué)生學(xué)歷結(jié)構(gòu)分析
關(guān)于圖表的選擇，看我前面兩天寫(xiě)的圖表應(yīng)用指南：不知道用什么圖表展示數(shù)據(jù)？看下面這份圖表選擇指南就夠了，根據(jù)數(shù)據(jù)之間的關(guān)系選擇合適的圖表，可以參照這張經(jīng)典的圖表：
根據(jù)確定好的分析指標(biāo)進(jìn)行排版，排版要注意主次分明，讓讀者瞬間看到重點(diǎn)資訊，提高資訊傳遞的效率，把核心練習(xí)指標(biāo)放在中間位置、占更大面積，一般都會(huì)將動(dòng)態(tài)效果豐富的地圖放在主要位置，抓住讀者眼球，次要指標(biāo)螢?zāi)环旁趲资畟€(gè)屏幕上。還有一些輔助分析的內(nèi)容，可以通過(guò)圖表聯(lián)動(dòng)、鉆取體現(xiàn)。
可以參考如下幾種布局方式：
我的布局：
模板的制作，我用的是FineReport，做視覺(jué)化大屏非常專業(yè)，基本上不用寫(xiě)什么程序碼就可以開(kāi)發(fā)視覺(jué)化大屏，多一個(gè)低程序碼的報(bào)表開(kāi)發(fā)平臺(tái)吧。剛感興趣的話可以下載一個(gè)和我一起試試看
軟體激活碼迭代這里，話不多說(shuō)，上教程：
打開(kāi)finereport，創(chuàng)建一張決策報(bào)表：
新建數(shù)據(jù)集，然后用sql查詢語(yǔ)句從數(shù)據(jù)庫(kù)中提取數(shù)據(jù)，可以新增省份數(shù)據(jù)庫(kù)數(shù)據(jù)，也可以直接上傳檔案數(shù)據(jù)集，定義地區(qū)引數(shù)，關(guān)聯(lián)歷年各省招生數(shù)據(jù)和各分招生數(shù)據(jù)（實(shí)現(xiàn)數(shù)據(jù)聯(lián)動(dòng)），其他的取數(shù)據(jù)報(bào)表我不用一一發(fā)貨來(lái)，大家可以自己根據(jù)需求寫(xiě)
決策報(bào)表采用的是易用式布局，可以拖拽便捷布局，根據(jù)之前設(shè)計(jì)的布局排版將所有圖表元件按照布局設(shè)計(jì)順序拖放到對(duì)應(yīng)位置：
這里面我用到了兩個(gè)圖表外掛，滾動(dòng)字幕和數(shù)字時(shí)鐘外掛，大家可以在一些外掛商城免費(fèi)下載，點(diǎn)選服務(wù)器>外掛管理就可以找到這些外掛啦，當(dāng)然你還可以找到其他你心儀的外掛。
字幕滾動(dòng)效果和數(shù)據(jù)時(shí)鐘效果：（我錄的不是很清楚抱歉><）
然后分別給圖表元素類型設(shè)置其他、數(shù)據(jù)、樣式、效果，以中間的地圖設(shè)置為例：
其他圖表元件的數(shù)據(jù)和效果設(shè)定我這里就不贅述了
到這一步，基本上駕駛艙的雛形就做完了，我們可以對(duì)背景圖、最后的細(xì)節(jié)進(jìn)行美化，背景可以選擇顏色或者是圖片，做的匆忙我不想找背景圖，直接用的顏色，點(diǎn)選機(jī)身>樣式進(jìn)行設(shè)置
為了更好的視覺(jué)效果我們還可以給圖表新增主題，增加大屏科技感，比如我們的大屏主題：
點(diǎn)選標(biāo)題背景塊>屬性>樣式，上傳圖片設(shè)置：
最后儲(chǔ)存模板，點(diǎn)選預(yù)覽，效果如下（嘻嘻還是用的上面那張圖）：
看著？是不是還挺酷炫的！其實(shí)這樣的大屏制作起來(lái)并不難，趕緊學(xué)習(xí)起來(lái)引爆你的SNS吧XDDD
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn