背景介绍

在数字经济建设和数字化转型的浪潮中,数据可视化大屏已成为各行各业的必备工具。然而,传统的数据大屏往往以图表和指标为主,无法真实地反映复杂的物理世界和数据关系。为了解决这个问题,3D模型可视化和数字孪生技术应运而生,它们可以将真实世界的物理对象、过程或系统,以及它们之间的关系和相互作用,构建成虚拟的数字模型,并以立体、动态、交互的方式展示在数据大屏上,实现数据的可视化、可感知、可控制。

应用场景

3D模型可视化大屏和数字孪生相结合,可以为用户带来前所未有的视觉和交互体验。无论是工业制造、城市规划、交通运输、能源环保,还是教育医疗、文化旅游、军事安全等领域,都可以通过这种技术,实现数据的可视化、可感知、可控制,打造智慧数字应用的新场景。

功能介绍

  1. 3D模型文件,通过3D Max、Blender等3D建模软件进行模型设计,然后导出为 glb 文件,该文件将用于3D场景搭建。
  2. 3D场景搭建,上传 glb 文件之后,便可以在3D场景设计器中建立模型与数据联系,比如:添加数据标签、条件格式化、自动轮播等应用效果。
  3. 3D可视化大屏设计,在嵌入式BI仪表板设计器中添加设计好的3D场景,将其作为3D可视化大屏的一部分,同时,3D场景也可以和仪表板中的图表、KPI、过滤器等组件实现联动分析。

环境准备

嵌入式BI仪表板设计器

使用步骤

1)准备 glb 模型文件

根据业务需要,在3D建模软件中完成模型的设计,并导出为 glb 格式的模型文件。比如:小编这边设计了一个智慧车间的示例模型。

2)创建3D场景

(1)在嵌入式BI仪表板设计器中创建3D场景设计器

(2)在场景中添加模型

3D场景搭建第一步就是添加场景中所需的3D模型,这里包含了两种模型导入方式。

  1. 将模型作为文件上传到,在【新建】菜单中可以直接上传30M以内的 glb 文件;
  2. 直接引用一个URL地址,大于30M的模型我们推荐先上传到CND中以提升模型打开速度。

模型添加之后就可以看到对应的节点树,你可以在节点树上执行:选择、删除、隐藏等操作。

(3)给场景添加数据层

模型导入之后最关键的就是建立物体与数据之间的关系,这一步非常简单,我们只需要添加相应的数据图层,并在数据图层上绑定数据集/数据模型,这一步操作和基础图表的数据绑定方式一样。

数据图层是3D模型中展示数据的主要途径,我们在同一个3D场景中可以添加多个数据图层,以实现在同一个3D场景展示不同数据的需要,不如:你要在智慧车间中展示每台设备的生产数据,还要展示所有摄像头的数据,温度传感器的数据,这三种设备的数据可能来自不同的数据集,这时候你只需要添加三个数据图层并绑定不同的数据集就可以实现。

(4)数据层细节配置

每个数据图层都提供了丰富的配置属性,而且图层之间的配置相互独立。比如:我要给图层1添加条件格式化,可以从属性面板中找到条件格式化,并添加项目,如下图。条件格式化可以设定条件,以及对于数据标签、物体的展示样式。

设置好之后,可以点击顶部的【预览】按钮查看3D场景的运行效果,看看是否需要调整更多选项以提升效果。

3)在仪表板中使用3D场景

3D场景设计好之后,我们就可以新建仪表板来设计最终所需的3D可视化大屏了。首先,在完成仪表板的标题、图表等组件的设计工作,大致效果如下:

接下来就是我们的主角登场,从仪表板设计器左侧的工具箱中添加【3D场景】组件:

调整3D场景组件大小,铺满整个仪表板作为背景,那我们就完成了3D模型可视化大屏设计,感觉预览看看效果吧。

总结

以上就是实现一个3D模型的全过程。在没有任何编码的情况下,小编实现了一个外观炫酷、功能齐全、具备联动分析能力的3D可视化大屏。这个成果将数字化转型过程中的两大重要技术(BI分析+3D模型)巧妙地融合在一起。通过这些综合应用,能够以直观、生动的方式呈现数据,并实现深度交互和分析。无论是数据可视化还是数据分析,这个3D可视化大屏为我们提供了一个强大而灵活的工具,为数字化转型带来了巨大的推动力。

扩展链接:

创意展示:打造数据大屏的炫酷天气预报插件

聊一聊数字孪生与3D可视化

探秘移动端BI:发展历程与应用前景解析

3D模型+BI分析,打造全新的交互式3D可视化大屏开发方案的更多相关文章

  1. 商业智能(BI)可视化大屏的设计及使用原则

    信息时代,数据是一种可贵的资源,我们可能经常听到的一句话就是:用数据说话.但是,在没有进行系统化整理之前,数据不过只是一串串冰冷的数字,我们很难从大量的数据中获取到有价值的信息.只有通过合适的可视化工 ...

  2. 一招教你轻松使用数据可视化BI软件创建旅游消费数据可视化大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以旅游消费数据可视化大屏为 ...

  3. 不会用数据可视化大屏?一招教你轻松使用数据可视化BI软件创建农业公司运营数据分析大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以农业公司运营数据分析大屏 ...

  4. 不懂怎么创建可视化大屏?手把手教你使用数据可视化BI软件创建工厂车间数据监控大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以工厂车间数据监控大屏为例 ...

  5. 教你高效使用数据可视化BI软件创建医院卫生耗材运营监控大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以医院卫生耗材运营监控大屏 ...

  6. 详解如何快速使用数据可视化BI软件创建医疗运营监控数据中心大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以医疗运营监控数据中心大屏 ...

  7. WPF 3D模型的一个扩展方法

    原文:WPF 3D模型的一个扩展方法 在WPF 3D中,我们常常需要改变一个ModelVisual3D对象的颜色. 先说说ModelVisual3D,本质上3D模型都是由一个个的三角形构成的,并且经过 ...

  8. 3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子

    原文:3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子 3ds Max建模,Blend设计,VS2008控制WPF的3D模型例子   所用的软件 3ds Max 9.0,Mic ...

  9. 手把手教你快速使用数据可视化BI软件创建全球经济贸易分析大屏

    灯果数据可视化BI软件是新一代人工智能数据可视化大屏软件,内置丰富的大屏模板,可视化编辑操作,无需任何经验就可以创建属于你自己的大屏.大家可以在他们的官网下载软件.   本文以全球经济贸易分析大屏为例 ...

  10. 三大流行BI分析平台推荐,企业数据化选择工具

    进入大数据时代以来,对于企业来说,海量的数据不仅是财富,也是负担.无论是大型企业还是小型企业,都面临着同样的挑战--如何利用大数据客户体验,有效达到优化生产力的效果.这也是近年来许多企业选择搭建现代大 ...

随机推荐

  1. 【JVM】运行时内存分配

    程序计数器 用于标识线程执行到了字节码文件(class文件)的哪一行,当执行native方法时,值为undefined,各个线程私有 Java虚拟机栈 每个线程独有,每个方法执行时会创建一个栈帧,用于 ...

  2. Flask 之SocketIO库实现绘图表

    Flask 默认提供了针对WebSocket的支持插件from flask_socketio import SocketIO 直接通过pip命令安装即可导入使用,前端也需要引入socketIO库文件, ...

  3. 字节码编程,Javassist篇五《使用Bytecode指令码生成含有自定义注解的类和方法》

    作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 一.前言 到本章为止已经写了四篇关于字节码编程的内容,涉及了大部分的API方法.整体来说对 J ...

  4. 数学微积分,学习笔记,等价无穷小的证明:(1+x)^a-1 ~ ax

    \(\lim_{x \to 0} \frac{\sqrt[n]{1+x} -1}{\frac{x}{n} } =1\)的证明 \[\lim_{x \to 0} \frac{\sqrt[n]{1+x} ...

  5. DbgridEh 1900-01-01 00:00:00 问题解决

    --------------------------------------------------

  6. Power BI 4 DAY

    目录 数据化结构 其他数据结构 列表嵌套列表 记录嵌套列表 M函数计算方式 运算符 爬取网页 数据化结构 其他数据结构 复合数据结构的列表 let source = { 1, //数值 "B ...

  7. JS Leetcode 154. 寻找旋转排序数组中的最小值 II 题解分析

    壹 ❀ 引 早在10个月前,也就是去年,我记录了JS leetcode 寻找旋转排序数组中的最小值 题解分析,你不得不了解的二分法一题,那么这篇文章记录它的升级版,来自LeetCode154. 寻找旋 ...

  8. 盘点 Udemy 上最受欢迎的免费编程课程

    之前给大家推荐过一些油管上的免费学习资源,如果您还没有看过的话可以点击这里前往. 今天再给大家推荐一批Udemy上超高质量并且免费的编程课程,有需要的小伙伴可以学起来了. 1. JavaScript ...

  9. OCP试题解析之053-16 MEMORY_TARGET

    16.Setting which of the following initialization parameters enables Automatic Memory Management? A. ...

  10. powerdesigner自定义实体显示的属性

    我做概要设计的时候需要画实体的逻辑模型图,默认的时候是这样的: 但是我想只保留属性名,隐藏数据类型和下面的横线怎么办?效果如下: 按以下操作即可实现: