整理全网最全大屏，可视化大屏，可视化方案，可视化参考，报表，大屏设计，大屏资源，大屏学习，高保真大屏

约定不等于承诺〃 2022-10-05 00:41 208阅读 0赞

**整理全网最全大屏设计资源，包括各类智慧大屏，axure高保真大屏原型，大屏设计参考思路，大屏设计可视化图片，如何学习设计大屏等。**

Gitee仓库地址：https://gitee.com/AiShiYuShiJiePingXing/bigscreen

*  [点击前往GIT][GIT]

克隆：`git clone https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git`

![image-20210607114608477][]

# 一、大屏设计资源 #

## 草木交易 ##

## 大屏设计参考手册 ##

![image-20210607114154226][]

## 大屏效果图片 ##

![image-20210607114036374][]

### 大屏入口屏-主屏 ###

### 大数据分析系统 ###

### 企业、物流 ###

### 食物 ###

### 收费站 ###

### 数字孪生 ###

### 物流大数据 ###

### 舆情分析 ###

### 智慧城市 ###

### 智慧高速 ###

### 智慧公交 ###

### 智慧交通 ###

### 智慧社区 ###

## 大数据可视化平台 ##

![image-20210607114211755][]

## 登录界面 ##

## 视频监控 ##

## 数字孪生 ##

## 移动能效 ##

## 智慧仓库 ##

## 智慧城市 ##

![image-20210607114451986][]

## 智慧电商 ##

![image-20210607114432050][]

## 智慧工地 ##

![image-20210607114423258][]

## 智慧公安 ##

![image-20210607114413754][]

## 智慧公司 ##

## 智慧环保 ##

## 智慧交通 ##

![image-20210607114402027][]

## 智慧金融 ##

## 智慧景区 ##

## 智慧金融 ##

## 智慧矿产 ##

## 智慧企业 ##

## 智慧气象 ##

## 智慧设备 ##

## 智慧社区 ##

## 智慧市场 ##

## 智慧图书 ##

## 智慧网络 ##

## 智慧物联 ##

## 智慧物流 ##

## 智慧消防 ##

## 智慧销售 ##

![image-20210607114337233][]

## 智慧医疗 ##

## 智慧运维 ##

## 智慧运营 ##

![image-20210607114324738][]

## 智慧政务 ##

![image-20210607114314841][]

## GIS大屏 ##

## axure高保真大屏原型 ##

# 二、个人收藏的花瓣大屏图片 #

地址：https://huaban.com/boards/37969129/

地址：https://huaban.com/boards/71659253/

# 附录A：优秀大屏参考案例 #

## 大屏HTML ##

http://yuanbaoshuju.com/preview.html

![image-20210508180406924][]

![b749d8dcbc54ac4c3fdf290db71ca737.png][]

## DataGear大屏看板模板 ##

Gitee地址：[DataGearDashboardTemplate][]

静态大屏HTML模板，可作为看板模板导入[DataGear][]数据可视化分析平台，制作大屏展示数据可视化看板。

[DataGear][]是一款数据可视化分析平台，使用Java语言开发，采用浏览器/服务器架构，支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源， 主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。

官网地址：

http://www.datagear.tech

源码地址：

https://gitee.com/datagear/datagear

https://github.com/datageartech/datagear

### 模板参考项目 ###

[Lang/大屏数据展示模板][Lang]

## 特种设备综合监管大屏 ##

### 介绍： ###

数据可视化大屏-特种设备综合监管 压力容器  
https://blog.csdn.net/yue31313/article/details/90813821

1、集成高德地图 地理信息系统（GIS）。显示图标点、点击显示弹窗。更改地图主题背景色。街道。复选框，筛选切换显示类型状态。

2、echarts图表。地图。占比统计。

3、数据转换成图表所用数据，代码逻辑优化。提高数据生成图表开发效率。

### 源码下载： ###

https://gitee.com/han\_meng\_fei\_sha/TeZhongSheBeiZongHeJianGuanDaPing/tree/master

## Echarts电商平台数据可视化大屏 ##

Echarts电商平台数据可视化大屏全栈实战项目分享（附源码）：https://juejin.cn/post/6960125126008389669

*  [电商平台][Link 1]

> Vue全家桶、WebSocket前后端数据推送、后端框架Koa2、Echarts新版图表组件（折线图、柱状图、饼图、地图、散点图），还支持主题切换, 展示酷炫的图表效果，同时也能够支持大屏和小屏的切换，保证了图表在不同屏幕上呈现的效果。

在线DEMO演示：http://106.55.168.13:8999/screen

![image-20210511142337746][]

# 附录B：相关资源内容来源及整理 #

资源来源：

*  [bigdata-examples][]
 *  [大屏数据展示模板][Lang]
 *  [可视化大屏资源][Link 2]
 *  [echart大屏数据][echart]
 *  [特种设备综合监管大屏][Link 3]

[GIT]: https://gitee.com/AiShiYuShiJiePingXing/bigscreen
[image-20210607114608477]: /images/20221005/260e02fd64044449ae3b4789038f08c9.png
[image-20210607114154226]: /images/20221005/c04b676c865f4719bcfa6887c79bb8c7.png
[image-20210607114036374]: /images/20221005/4f6d3e41f8bd40dbae6cee22b501fd04.png
[image-20210607114211755]: /images/20221005/554e60b477db4bc2bbb84c870a49376c.png
[image-20210607114451986]: /images/20221005/d953467ee8944cedb1031b862205874b.png
[image-20210607114432050]: /images/20221005/26bec05b739d4fee8a8bcf59109e610d.png
[image-20210607114423258]: /images/20221005/98dda0267a11495eae0fda4402de9269.png
[image-20210607114413754]: /images/20221005/132d70878c5148ad80506dcde5284b67.png
[image-20210607114402027]: /images/20221005/b01f19e1aac547f6aae551b1d9d05055.png
[image-20210607114337233]: /images/20221005/90470543357e4f2a8c52a0bb678ddc5f.png
[image-20210607114324738]: /images/20221005/e7f9622df1754da3bc5a6415bcf47a40.png
[image-20210607114314841]: /images/20221005/999fdba077dd4295b623d6acb25c4e90.png
[image-20210508180406924]: /images/20221005/5ab5d2362c48421f9bdbb0bb3a9f1071.png
[b749d8dcbc54ac4c3fdf290db71ca737.png]: /images/20221005/568feb2719b241acaf95272a0a14f7a6.png
[DataGearDashboardTemplate]: https://gitee.com/datagear/DataGearDashboardTemplate
[DataGear]: http://www.datagear.tech
[Lang]: https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi
[Link 1]: https://github.com/jackchen0120/EC-Platform-Monitor
[image-20210511142337746]: /images/20221005/896d04abe6374279a1fae2d047d6582a.png
[bigdata-examples]: https://github.com/zhangti0708/bigdata-examples
[Link 2]: https://gitee.com/longkang/bigscreen
[echart]: https://gitee.com/chun_cheng/echart-large-screen-data
[Link 3]: https://gitee.com/han_meng_fei_sha/TeZhongSheBeiZongHeJianGuanDaPing