156 Star 1.5K Fork 744

爱是与世界平行 / bigscreen

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md
MIT

整理全网最全大屏设计资源,包括各类智慧大屏,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

image-20210705145822193

一、大屏设计资源

大屏效果图片

image-20210607114036374

包含内容有:大屏入口屏-主屏、大数据分析系统、企业、物流、食物、收费站、数字孪生、物流大数据、舆情分析、智慧城市、智慧高速、智慧公交、智慧交通、智慧社区等相关资源的大屏图片。

内容有且不限:

image-20210914232520561

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

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

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

image-20210705145948309

三、一些优秀大屏参考案例

3.1 大屏HTML

地址:http://yuanbaoshuju.com/preview.html

image-20210508180406924

3.2 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

3.3 模板参考项目

Lang/大屏数据展示模板

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

image-20210511142337746

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

3.8.1 数据可视化平台

前端介绍:

  • 图表基于echarts4

  • UI部分基于element-ui

输入图片说明

输入图片说明

输入图片说明

输入图片说明

3.9 EC-Platform-Monitor

Github地址:https://github.com/jackchen0120/EC-Platform-Monitor

新版Echarts电商平台数据可视化大屏监控系统进阶实战项目。

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

在线Demo展示:http://106.55.168.13:8999/

image-20210924090955402

四、可视化资源及网站

4.1 阿里空间大数据可视化AntV

4.2 开源地图开发工具 Mapbox

4.3 2D/3D可视化工具

4.4 开源图表

4.5 Web3D城市可视化

4.6 地图引擎 maptalks 和 three.js 结合

4.7 有关空间数据分析和可视化的知乎专栏

(1)Geospatial and GIS

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

侧重在于地图的个性化设置。

五、大屏可视化设计工具或开源项目

5.1 datart

官网地址:https://running-elephant.github.io/datart-docs/

新一代数据可视化开放平台,支持报表、仪表板、大屏、分析和可视化数据应用的敏捷构建。

datart 是新一代数据可视化开放平台,支持各类企业数据可视化场景需求,如创建和使用报表、仪表板和大屏,进行可视化数据分析,构建可视化数据应用等。由原 davinci 主创团队出品,datart 更加开放、可塑和智能,并在数据与艺术之间寻求最佳平衡。

5.1.1 设计理念 Design Philosophy

  • 开放 Openness

    BI产品作为标准化产品成熟度已经很高,但大多数BI产品为封闭系统,即用户只能使用BI产品内置提供的数据源、数据图表、可视化元素等。我们认为数据可视化平台可以在其系统边界范围内,在多个层面提供开放可扩展能力,新的扩展支持可以通过即插即用方式安装、更新或卸载。因此 datart 试图建立起一套标准化的**数据可视化开放平台**体系,标准化和开放性体现在以下方面:

  • 流程标准化:基于 Source > View > Chart > Visualization 建立“受管控的数据可视化应用”(Managed VizApp)开发、发布和使用的标准化流程

  • 交互标准化:Visualization 支持权限可控的标准化交互能力,如筛选、钻取、联动、跳转、弹窗、分享、下载、发送等

  • 插件标准化:在 Source、Chart、Visualization 层提供标准化可插拔扩展接口或SDK规范,支持开放扩展或按需定制

  • 可塑 Integrability

datart 可作为独立平台使用,但不仅限于此,为了更好支持快速构建定制化数据应用系统,datart 可以很容易被整合、被内嵌至其他三方系统,承担数据可视化部分功能。通过 datart 的登录对接能力、权限对接能力、Source 层对接能力和 Visualization 层分享、SDK等能力,用户可以基于 datart 平台对接或二开以快速满足业务系统定制化需求。

  • 智能 Augmented Analytics

传统BI产品只能对已有数据进行勘察,而现代BI产品更加重视对数据延展洞见,以形成完整数据分析洞察能力,或增强分析能力。datart 会在平台层面提供可扩展数据增强分析能力,基于数据通过可视化方式不仅回答 What,并且可以回答 Why。

5.1.2 功能特性 Features

img

5.1.3 在线体验 Demo

http://datart-demo.retech.cc

用户名:demo

密码:123456

六、相关资源内容来源及整理

资源来源:

MIT License Copyright (c) 2020 longkang Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

智慧城市,智慧交通,各类原型设计参考风格,大屏案例,大屏设计,优秀大屏参考案例demo。 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
Java
1
https://gitee.com/AiShiYuShiJiePingXing/bigscreen.git
git@gitee.com:AiShiYuShiJiePingXing/bigscreen.git
AiShiYuShiJiePingXing
bigscreen
bigscreen
master

搜索帮助