7.2 KiB
整理全网最全大屏设计资源,包括各类智慧大屏,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
一、大屏设计资源
大屏效果图片
包含内容有:大屏入口屏-主屏、大数据分析系统、企业、物流、食物、收费站、数字孪生、物流大数据、舆情分析、智慧城市、智慧高速、智慧公交、智慧交通、智慧社区等相关资源的大屏图片。
大屏设计参考手册、大数据可视化平台
登录界面、视频监控、数字蓝色、移动能效、智慧仓库
智慧城市、智慧电商、智慧工地、智慧公安
智慧公司、智慧环保、智慧交通
智慧金融、智慧景区、智慧金融、智慧矿产、智慧企业、智慧气象
智慧设备、智慧社区、智慧市场、智慧图书、智慧网络、智慧物联
智慧物流、智慧消防、智慧销售
智慧医疗、智慧运维、智慧运营
智慧政务、GIS大屏、axure高保真大屏原型
二、个人收藏的花瓣大屏图片
地址: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
四、相关资源内容来源及整理
资源来源:











