可視化駕駛艙製作教程詳解,手把手教你做一張開學迎新大屏

2020-09-10 數據分析不是個事兒

最近各大高校都陸續開學,前陣子微博各種曬錄取通知書,現在又開始曬起了開學第一天,朋友圈刷到一個親戚家的孩子曬了一張學校做的迎新數據大屏,將各學院報導數據實時展現的大屏幕上,吸引了不少學生家長圍觀,體現了學校的科技實力。

既然說到可視化大屏,必然是我很感興趣的了,於是上網搜了關於高校迎新大屏的資料,發現可視化大屏駕駛艙在高校數據應用中很火爆,於是找來了一些高校招生數據,自己動手做了一張簡單的開學迎新大屏,教程分享給大家。(數據集及源文件獲取方式見文末)

先來看幾張高校迎新大屏:

西北工業大學

浙江農林大學

數據有限,大概做了這樣一個迎新大屏:

製作步驟

教程直講可視化demo的製作過程,硬體部分不涉及

1、確定主題及展示指標
在設計可視化駕駛艙或大屏的時候,我們第一步要先確定我們大屏/駕駛艙的主題,然後列出我們想要在這張大屏上想要展示的數據指標和分析維度

主題:學校迎新大屏,通過對學校招生數據以及教職工數據分析,向新生展示學校招生情況及學校師資力量、辦學能力

分析維度:

  • 各省份新招生人數分析
  • 歷年各省招生情況分析
  • 迎新師資隊伍
  • 師資力量分析
  • 辦學規模分析
  • 歷年本科升學率趨勢分析
  • 學校經費支出結構分析
  • 在校學生學歷結構分析

2、根據數據關係選擇合適圖表

關於圖表的選擇,看我前兩天寫的圖表應用指南:,根據數據之間的關係選擇合適的圖表,可以參照下面這張經典的圖:

3、駕駛艙排版設計

根據確定好的分析指標進行排版,排版要注意主次分明,讓讀者一眼看到重點信息,提高信息傳遞的效率,把核心展現指標放在中間位置、佔較大面積,一般都會將動態效果豐富的地圖放在主要位置,抓住讀者眼球,次要指標放在屏幕兩側。還有一些輔助分析的內容,可以通過圖表聯動、鑽取體現。

可以參考如下幾種布局方式:

我的布局:

4、可視化模板製作

模板的製作,我用的FineReport,做可視化大屏非常專業,基本上不用寫什麼代碼就能開發可視化大屏,算是一個低代碼的報表開發平臺吧。

話不多說,上教程:

打開finereport,新建一張決策報表:

新建數據集,就是用sql查詢語句從資料庫中取出數據,可以添加資料庫數據,也可以直接上傳文件數據集,定義地區參數,關聯歷年各省招生數和各省分招生數(實現數據聯動),其他的取數語句我就不一一列出來,大家應該都會,不會的自己到源文件裡看

決策報表採用的是畫布式布局,可以拖拽隨意布局,根據之前設計的布局排版將所有圖表組件按照布局設計順序拖放到對應位置:

這裡面我用到了兩個圖表插件,滾動字幕和數字時鐘插件,大家可以在插件商城免費下載,點擊伺服器>插件管理

滾動字幕效果和數據時鐘效果:(不是很清楚)

然後分別給圖表組件設置類型、數據、樣式、特效,以中間的地圖設置為例:

其他圖表組件的數據和效果設置可以在源文件裡看,我這裡就不贅述了

到這一步,基本上駕駛艙的雛形就做完了,然後我們可以對背景、圖表配色細節進行美化,背景可以選擇顏色或者是圖片背景,做的匆忙我就沒高興找背景圖,直接用的顏色,點擊body>樣式 進行設置

為了更好的視覺效果我們還可以給圖表添加主題邊框,增加大屏科技感,比如我們的大屏主題:

點擊標題背景塊>屬性>樣式,上傳圖片設置:

最後保存模板,點擊預覽,效果如下:

最後,模板源文件及數據集,收藏轉發本文,後臺私信「開學」獲得!

相關焦點

  • 10張精美可視化大屏模板分享,加極簡製作攻略!抓緊收藏
    」,老闆動不動就是一句:「給我做一個高端大氣的可視化大屏!」,然後團隊就陷入大屏可視化開發的噩夢。其實,可視化大屏不過是數據可視化展現的一種形式,雖然要在視覺上美觀炫酷,但核心還是要展現重點數據,做到美觀性與實用性共存的效果。不少人做大屏往往在視覺上過分下了功夫,界面設計花裡胡哨,最後反而影響了關鍵數據的展示。為了幫助大家避坑,今天就給大家分享幾個各行業精美的大屏可視化模板,並附上簡單易學的大屏模板製作教程。
  • 可視化大屏不會做,來套教學視頻怎麼樣?(附免費工具)
    這個時候,你需要一個可視化大屏。藉助圖形化的手段,清晰有效地傳達工況信息。雲視界簡潔易懂的操作界面搭配全套教學視頻,從界面組件到連接數據源,手把手教你做大屏。一起學起來吧!雲視界圖形可視化、產品輕量化,以主動直觀的可視化圖表動效,展示設備指標參數、工況統計信息、遠程監控頁面、綜合管理大屏等工業管理界面,形式友好、角度多樣、通用性強、適應面廣。
  • 手把手教你做酷炫的數據可視化大屏,零基礎的你僅需6步
    想像一下,你在向老闆匯報的時候,突然告訴老闆,我有能力去開發一款高端大氣上檔次的可視化大屏,可以媲美雙11大屏,老闆是否會對你刮目相看呢,升職加薪,迎娶白富美,走上人生巔峰不是夢!小編之前也曾經在一個團隊裡為公司做過可視化大屏,經歷了與需求方的不斷交涉、優化,最終做出了幾張比較滿意的大屏:這樣的大屏不僅擁有著高端的科技感,而且都是經過了多次的版面設計和修改,這次大屏效果在同行業內部交流過程中反響不錯。下面我就給大家介紹一下用FineReport這款個人免費軟體,是如何做出屬於自己的大屏的。
  • 你的可視化大屏太醜了,來看看我整理的模板,建議收藏
    近來,數據可視化大屏受到眾多人的青睞,這其中就包括了傳統企業、網際網路公司、個人的一些需求,儘管可能完成了各種數據的準備:原始數據、指標數據、報表表格等等,但仍然無法解決「閱者」難以理解龐大數據。所以可視化大屏的重要性不言而喻。
  • 可視化大屏「華而不實」?試試這個BI工具
    作為一名苦逼的數據乙方,經常會接到一些諮詢:「就想做個大屏,要很炫的那種,其他的不需要!」「之前看過大屏案例,做個差不多的就行。」「我們公司想做個大屏,數據已經Excel列好了,一周能做出來嗎?」如果按照以上需求來,可視化大屏幾天就能做完展示出來,但這樣的大屏只是「花架子」,即使做得再炫酷,實際作用寥寥。
  • 大數據可視化大屏設計經驗,教給你
    下圖是天貓可視化大屏設計,圖中屌炸天的3D地球圍繞粒子效果,這篇文章將教你怎麼實現,而且是數據可視化的呈現,不是動效或者視頻!天貓雙十一可視化大屏1.字號跟網頁設計一樣不小於12號字,可以用於圖表的標註,數據信息建議14號字以上,大屏觀者遠距離才能看全內容,所以字號可以稍大一點。字體不一定只用一種,可以用到一些科技感強的字體,這裡要注意,記得把字體給開發一份。設計完成先去大屏上看一下效果,大屏的品質不一樣色調也會有很大的差別,要根據自家的大屏呈現效果做調整。
  • 都在說可視化大屏難做?這套模板+簡單製作攻略分享給你
    今天,可視化大屏依然是主角。有人會問,做可視化大屏,最重要的是什麼?vue+echarts做的可視化大屏這些都挺重要,但是要對可視化大屏的製作者來說,最重要的就是能夠簡單、快速且在最短時間內做出來,而且你的老闆才不會關心你是怎麼做的,讓這大屏具有科技感和高端感,並且能夠從裡面找到以前沒有的價值,才是最重要的。
  • 私人珍藏,7年整理了30個實用可視化大屏模板,附源文件+工具
    最近新接手了一個大屏項目,從前期的調研需求到原型設計再到模型開發,前前後後折騰了大半個月,這個過程中也踩了不少坑,深感大屏項目開發的不易(領導要求實在是太高),也藉此把我之前收集的可視化大屏模板分享給大家,給大家做個參考,另外也講一下大屏開發易踩的
  • 看完這5個可視化圖表教程,B站爆火的可視化視頻你也能搞定
    老李這篇可不是想要你怎麼進駐短視頻運營的,而且教你掌握數據可視化的製作技能。B站可視化視頻製作目前B站上的可視化視頻80%都是利用動態條形圖分析一些熱點話題、排行等等,比如中國省GDP排名、B站最熱門遊戲,世界各國人均GDP排名等等,這種視頻非常簡單,數據基本都官方數據網站上的公開數據,下載下來基本不用處理就能用,只要會做個動態可視化圖就行了,下面給大家講一下製作過程
  • 整理了30個實用可視化大屏模板,附源文件+工具
    最近新接手了一個大屏項目,從前期的調研需求到原型設計再到模型開發,前前後後折騰了大半個月,這個過程中也踩了不少坑,深感大屏項目開發的不易(領導要求實在是太高),也藉此把我之前收集的可視化大屏模板分享給大家,給大家做個參考,另外也講一下大屏開發易踩的坑
  • 我的世界福袋圖文教程 手把手教你福袋怎麼做
    我的世界福袋圖文教程 手把手教你福袋怎麼做時間:2019-12-30 15:40   來源:小皮手遊網   責任編輯:沫朵 川北在線核心提示:原標題:我的世界福袋圖文教程 手把手教你福袋怎麼做 相信新年大家都搶過福袋吧,為了迎接即將到來的春節,明瑟今天就來教大家如何在我的世界中製作一個福袋吧。
  • 無一行代碼,實現可視化大屏,我是如何做到的
    不寫一行代碼,實現可視化大屏,肯定是要依賴工具的,又不能變魔術,對吧?本文詳細描述我時如何用DataFocus產品實現可視化大屏的製作。筆者既不懂資料庫SQL語言,也不會寫前端JS代碼,甚至連CSS都不明白,但是有DataFocus在手,這都不妨礙我開發出一款漂亮的數據可視化大屏。第一步:去DataFocus官方網站註冊下載相應的安裝包。邀請碼可以加客服微信索取,跟帖放郵箱,我也可以發給你。
  • 只要10分鐘,教你配置出炫酷的數據可視化大屏
    利用Data MAX 軟體製作的可視化大屏今天DataHunter數獵哥就來說說如何運用可視化大屏工具,配置出一頁炫酷的可視化大屏。(本文配圖主要藉助 DataHuner 自主研發的 Data MAX 數據可視化大屏軟體製作)一、創建大屏Data MAX 是DataHuner自主研發的、基於瀏覽器的、一款用於配置數據可視化大屏的工具平臺。
  • 可視化迎新你見過嗎?重慶郵電大學喜迎5203位萌新
    「校園的空氣真好」「學校很大像個公園」「我終於來到了心儀的大學」……除了優美的環境讓人心曠神怡,今年,重郵的迎新活動也深受好評,「可視化移動迎新服務」是今年重慶郵電大學迎新的亮點,新生入學不迷路,迎新流程一鍵查,足不出戶看校園……甚至連超市在哪兒,新生都可以通過手機程序一鍵查詢。
  • 抖音怎麼自己創作原聲 手把手教你製作製作原聲
    抖音怎麼自己創作原聲 手把手教你製作製作原聲時間:2018-09-26 15:31   來源:今日頭條   責任編輯:沫朵 川北在線核心提示:原標題:抖音怎麼自己創作原聲 手把手教你製作製作原聲 抖音軟體錄製視頻可以選擇軟體裡自帶的音樂,或者是你自己收藏的音樂,一般都是這樣做的,但是如何創作自己的原聲音樂呢?
  • 公共衛生安全大屏可視化決策系統
    產品概述數字冰雹公共衛生安全可視化決策系統,面向公共衛生管理部門大屏可視化環境,具備優秀的大數據顯示性能以及多機協同管理機制,支持大屏、多屏、超大解析度等顯示情景。大屏環境支持2.8.1.超高清小間距顯示大屏為指揮中心量身打造超高清小間距LED大屏顯示解決方案,支持無縫、無邊框、無限拼接,可自定義整屏尺寸,任意解析度下,畫面顯示效果精準完整;具備低亮高灰技術內核,畫質細膩流暢,觀看舒適;亮度智能調節,滿足多種室內環境應用場合;超寬視角(水平/垂直均160度),任意角度良好顯示;超高刷新率,納米級響應速度;安全低噪、穩定耐用,為用戶提供超凡的大屏使用體驗。
  • 數據分析用這樣的可視化報表,秒殺Excel,再也不怕被說low
    但是大數據時代,Excel做報表和數據分析的日子已經一去不復返了(懂的人自然懂)。報表開發人員都會有這個感覺,業務人員報表總是東提一張西提一張,拼命的催進度,動不動就是領導要,口徑亂七八糟,好不容易上線了,就埋怨報表出數太慢,整天要求提速,速度提上去了,就抱怨質量,一發現異動,首先懷疑報表的數據出現問題。
  • 手把手教你手機如何錄屏,安卓手機錄屏教程
    許多人問小編,手機怎麼錄屏,其實安卓手機錄屏還是比較簡單的,今天小編所說的就是教大家如何實現手機錄屏,下面我們就來一起看看吧。首先我們在手機應用市場上安裝一個「迅捷錄屏大師」。安裝完成以後,我們打開這款軟體,在主界面上我們先設置錄屏視頻的清晰度,建議選擇「超清」,錄製的畫面特別清楚。然後就是繼續按照錄製視頻的橫豎屏錄製模式,一般來說,錄製屏幕教程可以「豎屏」,錄製遊戲可以選擇「橫屏」。
  • 老闆拍手叫好的可視化大屏,用這些模板就能做,建議收藏
    今天不多說別的,就說說如何做出可視化大屏,而且是讓老闆看了拍手叫好的。可視化大屏,很多人都應該很感興趣吧,而且目前來說,可視化大屏技術已經很成熟了,你想要的數據展示和報表,基本上確定了目標和展現布局,都能做出來。
  • 手把手教你製作喇叭天線-圖文超詳細教程
    打開APP 手把手教你製作喇叭天線-圖文超詳細教程 工程師2 發表於 2018-05-12 10:35:00 喇叭就是一個漸變的波導,它增大了輻射口徑,可以獲得較高的增益,而且製作簡單,性能穩定,即便在較惡劣的環境中也能獲得較好的方向圖,下面我們就自己動手設計一個角錐喇叭天線,設計中將要用到兩個軟體:HDL_ANT 和CST(或HFSS),分別用於設計和仿真。