# bigscreen **Repository Path**: Linken-code/bigscreen ## Basic Information - **Project Name**: bigscreen - **Description**: 收集可视化大屏资源，各类可视化大屏文件，图片，资源 - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 965 - **Created**: 2021-08-16 - **Last Updated**: 2021-08-16 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README **整理全网最全大屏设计资源，包括各类智慧大屏，axure高保真大屏原型，大屏设计参考思路，大屏设计可视化图片，如何学习设计大屏等。** 前方高能：因为资源比较多，项目挺大的，clone的小伙伴请耐心等待！！！！！！！！！！！！！！ 因为会不断不断迭代更新其中的内容，所以Fork的小伙伴，记得不定时同步仓库！！！！！！！！！ 欢迎各位小伙伴分享自己的资料原型，共同打造一个完美的大屏设计参考仓库！！！！！！！！！！ 同时推荐一波自己的另一个关于智慧城市的仓库，里面含有**智慧城市、智慧交通、智慧公交、智慧公路、智慧政务、智慧校园、车路协同、智慧社区等等等等的案例，解决方案，需求分析，需求整理等，欢迎各位朋友按需查阅！！！！！** 智慧城市仓库地址：https://gitee.com/AiShiYuShiJiePingXing/smart-city 大屏仓库克隆：` git clone https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git ` 智慧城市仓库克隆：`git clone https://gitee.com/AiShiYuShiJiePingXing/smart-city.git` ![image-20210705145822193](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210705145822193.png) # 一、大屏设计资源 ## 大屏效果图片 ![image-20210607114036374](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210607114036374.png) 包含内容有：大屏入口屏-主屏、大数据分析系统、企业、物流、食物、收费站、数字孪生、物流大数据、舆情分析、智慧城市、智慧高速、智慧公交、智慧交通、智慧社区等相关资源的大屏图片。 ## 大屏设计参考手册、大数据可视化平台 ## 登录界面、视频监控、数字蓝色、移动能效、智慧仓库 ## 智慧城市、智慧电商、智慧工地、智慧公安 ## 智慧公司、智慧环保、智慧交通 ## 智慧金融、智慧景区、智慧金融、智慧矿产、智慧企业、智慧气象 ## 智慧设备、智慧社区、智慧市场、智慧图书、智慧网络、智慧物联 ## 智慧物流、智慧消防、智慧销售 ## 智慧医疗、智慧运维、智慧运营 ## 智慧政务、GIS大屏、axure高保真大屏原型 # 二、个人收藏的花瓣大屏图片 地址：https://huaban.com/boards/37969129/ 地址：https://huaban.com/boards/71659253/ ![image-20210705145948309](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210705145948309.png) # 三、一些优秀大屏参考案例 ## 3.1 大屏HTML 地址：http://yuanbaoshuju.com/preview.html ![image-20210508180406924](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210508180406924.png) ![](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210508180344364.png) ## 3.2 DataGear大屏看板模板 Gitee地址：[DataGearDashboardTemplate](https://gitee.com/datagear/DataGearDashboardTemplate) 静态大屏HTML模板，可作为看板模板导入[DataGear](http://www.datagear.tech)数据可视化分析平台，制作大屏展示数据可视化看板。 [DataGear](http://www.datagear.tech)是一款数据可视化分析平台，使用Java语言开发，采用浏览器/服务器架构，支持SQL、CSV、Excel、HTTP接口、JSON等多种数据源， 主要功能包括数据管理、SQL工作台、数据导入/导出、数据集管理、图表管理、看板管理等。 官网地址： http://www.datagear.tech 源码地址： https://gitee.com/datagear/datagear https://github.com/datageartech/datagear ## 3.3 模板参考项目 [Lang/大屏数据展示模板](https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi) ## 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 - [电商平台](https://github.com/jackchen0120/EC-Platform-Monitor) > Vue全家桶、WebSocket前后端数据推送、后端框架Koa2、Echarts新版图表组件（折线图、柱状图、饼图、地图、散点图），还支持主题切换, 展示酷炫的图表效果，同时也能够支持大屏和小屏的切换，保证了图表在不同屏幕上呈现的效果。 在线DEMO演示：http://106.55.168.13:8999/screen ![image-20210511142337746](https://gitee.com/AiShiYuShiJiePingXing/img/raw/master/img/image-20210511142337746.png) ## 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）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。 内置的基础功能包括数据源，数据集，报表管理。 ![操作](https://images.gitee.com/uploads/images/2021/0703/094742_c0243f70_1728982.gif) ## 3.7 Vue大屏数据可视化 - [Vue大屏数据可视化](https://gitee.com/zhufei_yao/study_hard) - Gitee地址：https://gitee.com/zhufei_yao/study_hard 项目描述： - 一个基于 vue、datav、Echart 框架的 " **数据大屏项目** "，通过 vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。 项目展示： ![项目展示](https://images.gitee.com/uploads/images/2020/0411/221307_0f8af2e7_4964818.gif) ## 3.8 data_view_web - [data_view_web](https://gitee.com/1967988842/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 ![输入图片说明](https://images.gitee.com/uploads/images/2021/0515/144320_3dc500d4_673473.png) ![输入图片说明](https://images.gitee.com/uploads/images/2021/0515/144337_c1095cd5_673473.png) ![输入图片说明](https://images.gitee.com/uploads/images/2021/0515/144413_0375d5bd_673473.png) ![输入图片说明](https://images.gitee.com/uploads/images/2021/0515/144509_0fb58b7f_673473.png) # 四、相关资源内容来源及整理 资源来源： - [bigdata-examples](https://github.com/zhangti0708/bigdata-examples) - [大屏数据展示模板](https://gitee.com/lvyeyou/DaShuJuZhiDaPingZhanShi) - [可视化大屏资源](https://gitee.com/longkang/bigscreen) - [echart大屏数据](https://gitee.com/chun_cheng/echart-large-screen-data) - [特种设备综合监管大屏](https://gitee.com/han_meng_fei_sha/TeZhongSheBeiZongHeJianGuanDaPing)