整理全網最全大屏設計資源,包括各類智慧大屏,axure高保真大屏原型,大屏設計參考思路,大屏設計可視化圖片,如何學習設計大屏等。
前方高能:因為資源比較多,項目挺大的,clone的小伙伴請耐心等待!!!!!!!!!!!!!!
因為會不斷不斷迭代更新其中的內容,所以Fork的小伙伴,記得不定時同步倉庫!!!!!!!!!
歡迎各位小伙伴分享自己的資料原型,共同打造一個完美的大屏設計參考倉庫!!!!!!!!!!
同時推薦一波自己的另一個關於智慧城市的倉庫,里面含有智慧城市、智慧交通、智慧公交、智慧公路、智慧政務、智慧校園、車路協同、智慧社區等等等等的案例,解決方案,需求分析,需求整理等,歡迎各位朋友按需查閱!!!!!
可視化大屏倉庫地址:https://gitee.com/AiShiYuShiJiePingXing/bigscreen
智慧城市倉庫地址:https://gitee.com/AiShiYuShiJiePingXing/smart-city
大屏倉庫克隆: git clone https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git
智慧城市倉庫克隆:git clone https://gitee.com/AiShiYuShiJiePingXing/smart-city.git
一、大屏設計資源
大屏效果圖片
包含內容有:大屏入口屏-主屏、大數據分析系統、企業、物流、食物、收費站、數字孿生、物流大數據、輿情分析、智慧城市、智慧高速、智慧公交、智慧交通、智慧社區等相關資源的大屏圖片。
內容有且不限:
二、個人收藏的花瓣大屏圖片
地址:https://huaban.com/boards/37969129/
地址:https://huaban.com/boards/71659253/
三、一些優秀大屏參考案例
3.1 大屏HTML
地址:http://yuanbaoshuju.com/preview.html
3.2 DataGear大屏看板模板
Gitee地址:DataGearDashboardTemplate
靜態大屏HTML模板,可作為看板模板導入DataGear數據可視化分析平台,制作大屏展示數據可視化看板。
DataGear是一款數據可視化分析平台,使用Java語言開發,采用瀏覽器/服務器架構,支持SQL、CSV、Excel、HTTP接口、JSON等多種數據源, 主要功能包括數據管理、SQL工作台、數據導入/導出、數據集管理、圖表管理、看板管理等。
官網地址:
源碼地址:
https://gitee.com/datagear/datagear
https://github.com/datageartech/datagear
3.3 模板參考項目
3.4 特種設備綜合監管大屏
數據可視化大屏-特種設備綜合監管 壓力容器
https://blog.csdn.net/yue31313/article/details/90813821
1、集成高德地圖 地理信息系統(GIS)。顯示圖標點、點擊顯示彈窗。更改地圖主題背景色。街道。復選框,篩選切換顯示類型狀態。
2、echarts圖表。地圖。占比統計。
3、數據轉換成圖表所用數據,代碼邏輯優化。提高數據生成圖表開發效率。
源碼下載:
https://gitee.com/han_meng_fei_sha/TeZhongSheBeiZongHeJianGuanDaPing/tree/master
3.5 Echarts電商平台數據可視化大屏
Echarts電商平台數據可視化大屏全棧實戰項目分享(附源碼):https://juejin.cn/post/6960125126008389669
Vue全家桶、WebSocket前后端數據推送、后端框架Koa2、Echarts新版圖表組件(折線圖、柱狀圖、餅圖、地圖、散點圖),還支持主題切換, 展示酷炫的圖表效果,同時也能夠支持大屏和小屏的切換,保證了圖表在不同屏幕上呈現的效果。
在線DEMO演示:http://106.55.168.13:8999/screen
3.6 AJ-Report-可視化拖拽圖表工具
Gitee地址:https://gitee.com/anji-plus/report
電腦在線體驗: https://report.anji-plus.com/index.html 體驗賬號:guest 密碼:guest
在線文檔: https://report.anji-plus.com/report-doc/
大屏設計(AJ-Report)是一個可視化拖拽編輯的,直觀,酷炫,具有科技感的圖表工具全開源項目。 內置的基礎功能包括數據源,數據集,報表管理。
3.7 Vue大屏數據可視化
項目描述:
- 一個基於 vue、datav、Echart 框架的 " 數據大屏項目 ",通過 vue 組件實現數據動態刷新渲染,內部圖表可實現自由替換。部分圖表使用 DataV 自帶組件,可進行更改,詳情請點擊下方 DataV 文檔。
項目展示:
3.8 data_view_web
- data_view_web
- Gitee地址:https://gitee.com/1967988842/data_view_web
- Github地址:https://github.com/ggymm/data-view-web
3.8.1 數據可視化平台
前端介紹:
-
圖表基於echarts4
-
UI部分基於element-ui
四、可視化資源及網站
4.1 阿里空間大數據可視化AntV
4.2 開源地圖開發工具 Mapbox
4.3 2D/3D可視化工具
- 2D/3D可視化工具 Maptalks:https://maptalks.org/
- D3.js:https://d3js.org/
- 三維可視化引擎:Three.js:https://threejs.org/
4.4 開源圖表
- Echarts:https://www.echartsjs.com/zh/index.html
- HighCharts:https://www.highcharts.com.cn/
- 空間可視化圖表Kepler:https://kepler.gl/
4.5 Web3D城市可視化
4.6 地圖引擎 maptalks 和 three.js 結合
4.7 有關空間數據分析和可視化的知乎專欄
(1)Geospatial and GIS
- https://zhuanlan.zhihu.com/gagogl
(2)時空大數據可視化 - https://zhuanlan.zhihu.com/timespacedatav
(3)AntV - https://zhuanlan.zhihu.com/aiux-antv
(4)GIS之家專欄 - https://zhuanlan.zhihu.com/gishome
(5)漂亮得不像實力派的可視化 - https://zhuanlan.zhihu.com/rendering-fantasy
(6)Cesium學習
Cesium開發筆記:https://zhuanlan.zhihu.com/Cesium2
Cesium資料大全:https://zhuanlan.zhihu.com/p/34217817?utm_source=wechat_session&utm_medium=social&s_r=0
(7)WebGL九淺一深 - https://zhuanlan.zhihu.com/webgllover
(8)戲學平面設計 - https://zhuanlan.zhihu.com/c_1101177979924811776
4.8 基於軟件的可視化工具
(1)Tableau—收費
支持更大的數據量、更好的表現形式;
類似高級版的Excel數據透視表;
商業分析比較多,地理層面較少。
(2)Power BI—免費
類似Tableau,商務分析工具套件,可用來分析資料及共用深入咨詢。
(3)Microsoft Power Map for Excel
Excel里面的地圖可視化插件
(4)ArcScene三維可視化
ArcGIS軟件下的三維可視化工具
(5)QGIS—ArcMap的開源版
QGIS是一個免費的開源地理信息分析和可視化軟件。與ArcGIS相比,除了價格上的優勢外,前者的可視化功能比ArcGIS更有多樣性。
如顏色重疊的部分可以疊加和變色,展現出3D效果。
(6)Cartogram
變形地圖工具是一個ArcMap的插件。
變形地圖將一個地區按面積以外的衡量方式來展示。
(7)Carto-給予網絡平台的可視化工具
Carto是一個可以上傳數據並在線做地圖展示的平台,在網絡平台的操作上和極海平台類似。它的優勢是它有根據時間顯示數據的能力,可以按時間順序做成動圖。
(8)Mapbox
側重在於地圖的個性化設置。
五、相關資源內容來源及整理
資源來源: