ThingJS: 做一个数据可视化项目的难点在什么地方?3D 可视化 three.js

简介: 项目开发的过程会分成三个部分:数据前置动作、三维建模环节、3D开发环节,数据前置动作,是一大难点。

不说大而全的,就说我们做的数据可视化大屏应用项目,就算是极简化的开发流程,也需要建模师+开发师两两搭配,项目开发的过程会分成三个部分:数据前置动作、三维建模环节、3D开发环节,数据前置动作,是一大难点。因为项目需求需要提前调研分析,并结合3D开发流程进行梳理。
交通可视化.GIF

ThingJS平台提供了3D场景库,可以获取一些模型,避免过高的模型制作成本,而开发可以利用api和3D源码示例,提高开发效率,但是项目需求分析是非标准化的。

以3D建筑可视化为例,模拟的3D场景模型是以场景数据库的方式进行管理和操作的。在建立场景模型之前,项目管理人员要对场内各实体要素的几何空间位置、模型结构关系进行梳理和确认,并以此确定建筑空间环境的层次结构,常见采用分层结构与面向对象相结合的数据结构。

我们将建筑物及其空间环境 (构筑物、环境景观、道路等) 按照功能特点抽象为类,再将大类细分为子类或者实体对象(房间、设备等),搭建合理的三维数据结构,作为场景搭建的前置动作。只要数据切割的逻辑清晰,三维建模和3D开发会顺利进行。

以下为建筑可视化模拟的三维数据结构,供参考。
669549953952458fa0ab1207ef4306f0.png

相关文章
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
748 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
553 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
|
前端开发 JavaScript Java
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
716 13
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
|
SQL JavaScript 安全
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
655 11
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
|
人工智能 JavaScript 安全
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
862 13
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
|
JavaScript 安全 前端开发
关于Node.js,一定要学这个10+万Star项目 !!
一篇关于Node.js的宝藏项目——Node.js Best Practices。该项目在GitHub上已有102k Star,汇集了100+条最佳实践,涵盖架构、安全、性能等多方面。每条实践不仅有简明说明和详细解释,还附带代码示例及资源链接。文中通过三个实战案例(利用CPU多核、避免阻塞事件循环、使用中间件处理错误)展示了其实际应用价值,并推荐了几条对前端转Node.js开发者特别有用的最佳实践。强烈建议每位Node.js开发者学习此项目,理解“怎么做”与“为什么要这么做”,以提升开发能力。
479 3
|
人工智能 数据可视化 Java
打造动态数据可视化:JavaScript与AI的完美结合
在快速发展的技术世界中,Java作为广泛应用的编程语言,持续占据重要地位。本文探讨如何将AI技术,如DeepSeek,融入Java高级应用开发,实现智能代码生成、优化与自动化测试,提升开发效率和代码质量。AI通过分析大量代码库,自动生成高质量代码片段,减少重复劳动,并提出优化建议,帮助开发者编写更高效、安全的代码。未来,AI将进一步推动Java开发智能化,降低开发门槛,助力创新。
|
人工智能 数据可视化 JavaScript
打造动态数据可视化:JavaScript与AI的完美结合
本文介绍如何通过JavaScript和AI技术实现动态数据可视化,以实时股票数据为例。使用JavaScript动态更新网页内容,Chart.js绘制股票价格走势图,并通过DeepSeek API进行趋势预测。用户输入股票代码后,网页展示历史价格并预测未来走势,增强用户体验。结合AI技术,不仅提升网页功能性,还为用户提供智能化的数据洞察。
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
205 7
第一个算法项目 | JS实现并查集迷宫算法Demo学习
如何在项目中使用Moment.js库?
如何在项目中使用Moment.js库?