【Wyn V7.0】3D模型+BI分析，打造全新的交互式3D可视化大屏开发方案

收藏

本帖最后由 ZenosZeng 于 2023-7-19 09:53 编辑

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

然而，市面上的3D模型可视化和数字孪生产品，往往以模型的展示为主，而忽略了模型与图表之间的联动分析能力，或者需要比较多的代码开发才能实现联动分析。这就导致了用户在观看数据大屏时，无法对模型进行深入的探索和交互，也无法对图表进行灵活的筛选和变换。为了满足用户对交互式3D可视化大屏的需求，Wyn推出了集酷炫、灵活、易用于一体的解决方案。Wyn可以让开发者快速搭建3D场景，并将其与BI数据大屏无缝集成，实现模型与图表之间的双向联动，让用户在观看数据大屏时，既能享受3D模型的视觉冲击，又能体验BI数据大屏的交互分析功能，轻松打造数字孪生项目。

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

功能介绍
Wyn提供的交互式3D可视化大屏开发方案，主要由三部分技术组成：
1、3D模型文件，通过3D Max、Blender等3D建模软件进行模型设计，然后导出为 glb 文件，该文件将用于3D场景搭建；
2、3D场景搭建，在Wyn产中上传 glb 文件之后，便可以在3D场景设计器中建立模型与数据联系，比如：添加数据标签、条件格式化、自动轮播等应用效果；
3、3D可视化大屏设计，在Wyn仪表板设计器中添加设计好的3D场景，将其作为3D可视化大屏的一部分，同时，3D场景也可以和仪表板中的图表、KPI、过滤器等组件实现联动分析。
image.png934348449.png

使用步骤
1、准备 glb 模型文件
按照您的业务需要，在3D建模软件中完成模型的设计，并导出为 glb 格式的模型文件。
比如：我们这边设计了一个智慧车间的示例模型

image.png295205077.png

2、创建3D场景
2.1、创建3D场景
在Wyn的用户门户中，在创建菜单中找到3D场景这个类型，点击之后进入了3D场景设计器
image.png202090453.png

2.1、在场景中添加模型
3D场景搭建第一步就是添加场景中所需的3D模型，这里我们提供了两种模型导入方式。
1)，将模型作为文件上传到，在【新建】菜单中可以直接上传30M以内的 glb 文件；2)，直接引用一个URL地址，大于30M的模型我们推荐先上传到CND中以提升模型打开速度。
image.png149853209.png

模型添加之后就可以看到对于的节点树，你可以在节点树上执行：选择、删除、隐藏等操作。
image.png11087645.png

2.2、给场景添加数据层
模型导入之后最关键的就是建立物体与数据之间的关系，这一步非常简单，我们只需要添加相应的数据图层，并在数据图层上绑定数据集/数据模型，这一步操作和基础图表的数据绑定方式一样。
数据图层是3D模型中展示数据的主要途径，我们在同一个3D场景中可以添加多个数据图层，以实现在同一个3D场景展示不同数据的需要，不如：你要在智慧车间中展示每台设备的生产数据，还要展示所有摄像头的数据，温度传感器的数据，这三种设备的数据可能来自不同的数据集，这时候你只需要添加三个数据图层并绑定不同的数据集就可以实现。
image.png762379455.png

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

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

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

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

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

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

我们没有任何编码完成了一个外观酷炫、功能齐全、联动分析能力的3D可视化大屏，把数字化转型过程中非常重要的两大技术融为一体（BI分析+3D模型），
在这套技术方案的支持下，我相信有更多的3D可视化项目可以得到更好的交付，为我们的大甲方们带来更快、更优的数字化转型方案。

		自动登录	找回密码
密码			立即注册

【Wyn V7.0】3D模型+BI分析，打造全新的交互式3D可视化大屏开发方案

0 个回复

活字格认证

圣诞拼拼乐

微信认证勋章

讲师达人

元老葡萄

悬赏达人