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