基于WebGL的三维数据可视化大屏开发流 ThingJS
三维数据大屏可视化系统包含多源数据连接、生成二维/三维视图、构建可视化大屏、大屏功能应用等一体化服务,基于多年可视化项目经验,ThingJS平台得出从数据源上传到可视化大屏应用的完整流程,供参考。
多源数据连接功能
系统提供对数据的多种连接方式,包括:多种数据库数据源连接、实时数据表和静态文件数据源,具体可查看数据文件列表页。
可视化视图构建功能之图形展现
可视化大屏提供丰富的二维及三维图形展现, 平面图表是常见的视图元素。界面侧边栏提供应有尽有的可视化视图列表,包含了太阳图、柱状图、饼图、玫瑰图、折线图、雷达图、静态和动态地图、环状图、文本标签云等常用图形。用户点击可视化视图选项后,系统会进行视图类型与数据结构匹配。
登录ThingJS在线平台,点击上方菜单栏的“图表”图标,由charterbuilder提供二维图表模板(即将接入阿里云dataV全模板),囊括了关系、柱形、热力图、仪表盘等常用的可视化监控图形,VIP用户有更丰富的样式选择。
可视化大屏的城市地理数据以2D/3D的视角呈现,火柴盒一样堆在地图上的三维效果不再吸睛,三维城市模型有更高级的表现形式,外形栩栩如生,连路边的绿化带都清晰可见,这正是thingjs的可视化开发业务。
ThingJS可视化组件支持模型导入、场景搭建和可视化增效,基于CityBuilder+ThingDepot+3D源码二次开发轻松实现:
- 城市级场景搭建工具CityBuilder操作简单,利用可视化组件设置参数和交互动画;
- 3D场景搭建完成后,在线接入ThingJS开发平台进行代码调试;
- 基于完整3D源码开发更炫酷的效果;
- ThingDepot提供海量甄选3D模型,避免重复建模!
ThingJS内部可视化开发流程
可视化大屏构建功能之模板选择
构建可视化大屏时提供不同的大屏版式选择,如dataV提供智慧城市、智慧交通、安全监控、商业智能等场景模板,所需要的数据分析维度各具特色,满足各行各业的业务需求。一切基于可视化组件进行操作,单击每个子图,直接操作每类图形的可配置项。
可视化大屏应用功能
可视化大屏应用层包括实时大屏、轮播展示和在线访问等功能。
应用功能的主要作用是对已构建完成可视化大屏,提供进一步的大屏应用服务,使得系统不再仅限于对可视化大屏的查看、更新、删除和重命名等管理操作。主要应用服务为:
- 实时大屏。系统采用订阅发布者模式,设计实时数据字典及订阅者信息管理字典,实现数据可视化视图对实时数据的及时响应,从而实现实时大屏。
- 大屏轮播。用户可自定义轮播大屏数目、轮播间隔和期望轮播大屏配置完成后,可实现大屏轮播展示功能。系统采用延迟加载的设计,降低首屏时间提高用户体验。
- 大屏嵌入。系统发布生成可访问的URL,用户可通过 iframe标签在其他应用中直接呈现,用于在线演示。
某指挥中心的大屏可视化应用
系统中的构建层位于应用层之下,主要实现可视化大屏的构建功能,其主要作用是通过一系列界面操作,生成完整美观的可视化大屏!ThingJS在线平台聚焦于城市大屏可视化应用构建,利用dataV、Echarts api接口进行优化配置,开放性强,自由定制自己想要的大屏应用效果!
基于WebGL的三维数据可视化大屏开发流 ThingJS相关推荐
- 基于js+echarts实现数据可视化大屏展示
vue+echarts大屏数据可视化展示点击进入 写在前面: 本项目中使用的是echarts图表库,ECharts 提供了常规的折线图.柱状图.散点图.饼图.K线图,用于统计的盒形图,用于地理数据可视 ...
- 27【源码】数据可视化大屏:基于 Echarts + Python Flask 实现的32-9超宽大屏范例 - 监控指挥中心
目录 效果展示 1. 效果动图 2. 多种主题效果 一. 确定需求方案 1. 屏幕分辨率 2. 部署方式 二. 整体架构设计 三. 编码实现 (基于篇幅及可读性考虑,此处展示部分关键代码) 1. 前端 ...
- 29【源码】数据可视化大屏:基于 Echarts + Python Flask 实现的32-9超宽大屏 - 企业综合信息
我是 YYDataV数据可视化 专注于 数据可视化大屏,工厂扫码装箱系统 等 我的微信 6550523,多多交流 ~ 本案例为32:9超宽分辨率的大屏. 效果展示 1.动态实时更新数据效果图 2.鼠 ...
- 基于vue+echarts 数据可视化大屏展示[附源码]
获取 ECharts 的路径有以下几种,请根据您的情况进行选择: 1) 最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载,不同的打包下载应用于不同的开发者功能与体积的需求,或者您 ...
- 基于JavaScript+Koa2实现 Echarts 电商平台数据可视化大屏全栈【100010415】
全新 Echarts 电商平台数据可视化大屏全栈 1. 前言 五一假期重学了新版 Echarts,一个基于 JavaScript 的开源可视化图表库,收集参考了很多网上资料,最终选择电商平台作为练手项 ...
- 数据大屏|基于Flask搭建数据可视化大屏1
项目概述 本文主要基于Flask,ECharts等,利用疫情数据搭建可视化大屏,供加深印象学习.学习案例来源网上开源项目,这里进行逐一拆分复现. 应用技术:Python,Flask,ECharts,M ...
- 如何保证两个不同宽高的canvas用同一组坐标正常显示_如何1人5天开发完3D数据可视化大屏 【一】...
相信从事过数据可视化开发的你对大屏并不陌生,那么开发一个酷炫的大屏一定是很多数据可视化开发者想要做的事情. 我们使用three.js,大约一周的时间开发出了一个酷炫的数据可视化大屏: 1. 前言 由于 ...
- 怎么做数据可视化大屏?从设计到上线,一般用这3类工具
数据可视化大屏成为了这两年很火爆的一个需求. 一方面,不少甲方都想做这么酷炫的大屏,用于公司展厅.日常经营监控,还有些特殊行业如交通.运输.工厂制造,会做更高级的3D建模等. 另一方面,市面上可提供做 ...
- 如何1人5天开发完3D数据可视化大屏 【一】
相信从事过数据可视化开发的你对大屏并不陌生,那么开发一个酷炫的大屏一定是很多数据可视化开发者想要做的事情. 我们使用three.js,大约一周的时间开发出了一个酷炫的数据可视化大屏: 1. 前言 由于 ...
最新文章
- Hinton:人类就是机器,绝妙的机器
- MySQL索引管理及执行计划
- PMcaff-运营 | 用户运营中的认知丶考虑丶行动模型
- mongoDB 小练习
- zhs16gbk对应mysql_数据库的编码浅谈(ZHS16GBK与US7ASCII)
- java更好的语言_五个使Java变得更好的功能
- windows下揪出java程序占用cpu很高的线程
- java 反射 框架_Java 反射,开发框架必备技能
- 【算法系列之四】柱状图储水
- 不得不说,其实你的性能优化手段已经过时了
- Boostrap日期时间选择器
- POJ3263 Tallest Cow【差分数组】
- linux 查看进程打开的文件和库
- ps里怎么给透明背景填充颜色
- 国内开源镜像网站列表
- 电子护照阅读器|酒店机场高铁自助机录入系统
- 解决Visio中Mathtype公式插入Word或复制后变形
- BLAST Database error: No alias or index file found for protein database
- Java募捐_GitHub - javayhu/XingShan: 使徒行善,让行善成为一种习惯
- javaweb校园订餐系统
热门文章
- 蜘蛛纸牌 java代码_java实现蜘蛛纸牌游戏
- Mybatis-Plus 详细学习笔记记录
- 共建“零碳未来”,顺丰凭得是什么?
- 读取ANSYS结果文件中的数据C语言,Ansys后处理读取非默认的结果文件数据 | 坐倚北风...
- 【Linux】OpenLDAP部署实践
- CBTC信号系统ATP子系统接口
- 统计机器学习导论第二章答案
- 推荐四款可视化工具,解决99%的可视化大屏需求,一定有你想要的。
- android大小悬浮窗,悬浮窗不同android版本适配
- Linux服务器运维管理 项目二 管理与维护Linux系统