最近各大高校都陸續開學,前陣子SNS各種晒錄取通知書,現在又開始晒起了開學第一天,偶然間刷到有人晒了一張學校做的迎新資料大屏,將各學院報道資料實時展現在大螢幕上,吸引了不少學生家長圍觀,體現了學校的科技實力。
既然說到視覺化大屏,我當然不能放過這麼好的題材啦,於是上網搜了關於高校迎新大屏的資料,發現視覺化大屏駕駛艙在高校資料應用中很火爆,於是我也找來了一些高校招生資料,自己動手做了一張簡單的開學迎新大屏,我用的軟體是FineReport,可以下載和我一起動手試試看。教程如下,希望對你們有幫助唷~
先來看幾張高校迎新大屏:
西北工業大學
浙江農林大學
資料有限,大概做了這樣一個迎新大屏:
接下來是製作步驟
教程只講視覺化demo的製作過程唷,硬體部分就不涉及啦
1、確定主題及展示指標
在設計視覺化駕駛艙或大屏的時候,我們第一步要先確定我們大屏/駕駛艙的主題,然後列出我們想要在這張大屏上想要展示的資料指標和分析維度
主題:學校迎新大屏,通過對學校招生資料以及教職工資料分析,向新生展示學校招生情況及學校師資力量、辦學能力
分析維度主要如下:
各省份新招生人數分析
歷年各省招生情況分析
迎新師資隊伍
師資力量分析
辦學規模分析
歷年本科升學率趨勢分析
學校經費支出結構分析
在校學生學歷結構分析
2、根據資料關係選擇合適圖表
關於圖表的選擇,看我前兩天寫的圖表應用指南:不知道用什麼圖表展示資料?看這份圖表選擇指南就夠了,根據資料之間的關係選擇合適的圖表,可以參照下面這張經典的圖:
3、駕駛艙排版設計
根據確定好的分析指標進行排版,排版要注意主次分明,讓讀者一眼看到重點資訊,提高資訊傳遞的效率,把核心展現指標放在中間位置、佔較大面積,一般都會將動態效果豐富的地圖放在主要位置,抓住讀者眼球,次要指標放在螢幕兩側。還有一些輔助分析的內容,可以通過圖表聯動、鑽取體現。
可以參考如下幾種佈局方式:
我的佈局:
4、視覺化模板製作
模板的製作,我使用的是FineReport,做視覺化大屏非常專業,基本上不用寫什麼程式碼就能開發視覺化大屏,算是一個低程式碼的報表開發平臺吧。剛興趣的話可以下載一個和我一起動手試試看
軟體激活碼戳這裡,話不多說,上教程:
開啟finereport,新建一張決策報表:
新建資料集,然後用sql查詢語句從資料庫中取出資料,可以新增資料庫資料,也可以直接上傳檔案資料集,定義地區引數,關聯歷年各省招生數和各省分招生數(實現資料聯動),其他的取數語句我就不一一列出來,大家可以自己根據需求寫
決策報表採用的是畫布式佈局,可以拖拽隨意佈局,根據之前設計的佈局排版將所有圖表元件按照佈局設計順序拖放到對應位置:
這裡面我用到了兩個圖表外掛,滾動字幕和數字時鐘外掛,大家可以在外掛商城免費下載,點選 伺服器>外掛管理 就可以找到這些外掛啦,當然你還可以找一些其他你心儀的外掛。
滾動字幕效果和資料時鐘效果:(我錄的不是很清楚抱歉><)
然後分別給圖表元件設定型別、資料、樣式、特效,以中間的地圖設定為例:
其他圖表元件的資料和效果設定我這裡就不贅述了
到這一步,基本上駕駛艙的雛形就做完了,然後我們可以對背景、圖表配色細節進行美化,背景可以選擇顏色或者是圖片背景,做的匆忙我就沒高興找背景圖,直接用的顏色,點選body>樣式 進行設定
為了更好的視覺效果我們還可以給圖表新增主題邊框,增加大屏科技感,比如我們的大屏主題:
點選標題背景塊>屬性>樣式,上傳圖片設定:
最後儲存模板,點選預覽,效果如下(嘻嘻還是用的上面那張圖):
怎麼樣?看著是不是還挺酷炫的!其實這樣的大屏製作起來並不難,趕緊學習起來引爆你的SNS吧XDDD
防止小迷糊找不到哪裡下載軟體,下載戳這裡唷
關注數據君的臉書:
我是「數據分析那些事」。常年分享數據分析乾貨,不定期分享好用的職場技能工具。按贊我的臉書並私訊「10」,會有豐富資料包贈送唷!