刚刚过去的2018年，我们认为是国内工业互联网可视化元年。图普软件作为工业可视化领域的重磅参与者，见证了众多基于HTML5/Web、2D/3D的项目在行业中的应用。我们觉得有必要分享过去一年中数百个基于HT的2D和3D可视化应用案例，希望对产业界和学术界的工作有所启发。作者对可视化的深入思考，为推动国内工业互联网的发展做出了贡献。上百个工业互联网2D/3D可视化案例合集：http://www.hightopo.com/demos...提到工业互联网往往涉及：物联网、IoT、5G、数字孪生、边缘计算、PaaS平台、SaaS应用、工业互联网、互联网+、工业4.0、智慧城市、智慧园区、智能建筑、智能制造等概念，但本文将重点讨论可视化和HTML5/WebGL/WebVR等底层技术。我们觉得这个行业还没有到智能化、平台化的成熟阶段，走得太快了。即便是GEPredix也会星变流星，了解垂直行业的需求，收集足够多的有效数据，将实时、稳定、美观、Web化的2D、3D数据可视化呈现，是工业互联网迈出的第一步需要采取。3D城市建筑：http://www.hightopo.com/demo/...3D火车站：https://hightopo.com/demo/Bul...3D海上钻井平台：http://www.hightopo。com/demo/...3D水泥厂流程：http://www.hightopo.com/demo/...3D输油站管网设备监控系统：http://www.hightopo.cn/demo/t...3D高炉炼铁工业过程：http://www.hightopo.com/demo/...3D机房可视化：http://www.hightopo.com/demo/...就像图普软件刘合伙人研华董事长柯震表示：首先要实现数据可视化，生产经营管理要提升15%，然后一点一点往前走。研华WISE-PaaS工业物联网云平台，基于HT图形组件技术，整合边缘计算与物联网云平台，提供从边缘感知、设备到云端的数据采集、分析、可视化软件服务，协助系统集成商和制造商快速开拓各垂直行业应用，形成新型工业物联网云商业模式。在2018研华物联网共创峰会上，研华发布了基于Hightopo/HTforWeb的最新物联网平台架构WISE-PaaS3.0。WISE-PaaS/SaaSComposer实现流程可视化云配置工具；支持自定义绘图组件，可将应用场景导入3D建模、绘图和交互，并以毫秒级屏幕刷新率，配合WISE-PaaS/Dashboard，将关键管理数据可视化呈现，助力数据价值提取，提升运营效率。3D园区能源管理系统：2D污水处理工业过程：WISE-PaaS软件平台架构：近年来，中国制造2025战略的提出，为制造业转型升级、先进制造指明了方向正逐步发展成为经济增长的新引擎。力量。近日，图普软件合作伙伴三一集团登陆浙江卫视《智造将来》节目。三一无人挖掘机被誉为“新制造”的开端。节目中，三一董事长俞鸿福向观众介绍，三一所有设备都实现了互联互通，通过大屏幕都能看到。地图上的每个点都代表一台正在工作的挖掘机。这款PoweredbyHT挖掘机运维大屏是HTML5技术在工业制造领域的又一经典应用。案件。HTInside《智造将来》第一季：三一重工实时运维大屏：3D挖掘机：http://www.hightopo.com/demo/...工业互联网到工业互联网的泛化其实就是离我们的生活不远，第21届中国高速公路信息化研讨会暨技术产品展览会近日在厦门举行。海信网络科技交通事业部智能高速公路产品部专家彭勇在研讨会上为与会专家致辞业内最全面的智能高速公路管理平台——海信高速公路综合运营管理平台介绍细节。有幸在图普软件总部厦门门口看到了我的Hightopo产品的界面。海信高速公路综合运营管理平台基于HTforWeb的2D、3D图形组件技术，使隧道路况、设备、健康等状况实时全面直观展示，帮助管理者快速直观地了解隧道交通情况和自身情况健康状况。通过灵活的图形化编辑工具，可以针对不同工况的隧道制定设备联动方案，提高日常和应急隧道设备运行的科学性和及时性，其开放的系统架构保证了隧道系统与其他隧道系统的一致性指挥调度、维护管理、运维管理、收费管理等业务系统与其他业务系统有机集成。http://www.hightopo.com/demo/...2018年8月15日，第十届中国国际道路交通安全产品博览会在成都隆重举行。海信网络科技不仅带来了数据智能引擎、交通云、城市智慧心脏2.0、智能驾驶辅助系统、智能停车系统、视频结构化系统、车载智能网联系统，还发布了全新的信号服务产品——海信“信号优化运营管理”平台1.0”，并为保障上海合作峰会，与青岛交警共同打造的“交通安全保障专项体系”。这也是该系统继峰会后首次对外展示。海信信号优化运营管理平台基于HTforWeb平台，可快速归档、数字化存储路口各类基础信息，支持版本历史追溯更新，实现路口全生命周期、精细化管理，通过HTML5技术基于HT封装的WebGL技术实现了桌面和移动多端发布的跨平台特性，以及3D数据中心机房的可视化运维。除了公路隧道，智慧交通领域自然离不开中国极其便捷的城际高铁/高铁/火车工程。作为像我这样住在上海，出门靠虹桥的程序员，有幸参与了虹桥火车站数据中心的开发。3D/VR可视化运维系统，时代的进步和前端HTML5/WebGL/WebVR技术的成熟，以前只能靠Unity3D/Unreal游戏引擎才能实现的3D/VR项目，现在可以慢慢掌控通过Web开发人员，更好地与其他Web业务系统集成。毕竟使用Unity3D/Unreal游戏引擎来开发整个业务系统是反人类的。相信Web承担越来越重的渲染和展示应用是不可逆转的趋势。除城际外，城市内的地铁站不得拆除。实现过程可以参考这篇文章《基于 HTML5 WebGL 的地铁站 3D 可视化系统》。3D场景从正面展示地铁站实景，包括地铁实时运行、地铁上下行、视频监控、烟雾报警、电梯运行等，帮助我们直观了解现在的地铁站。提供三种交互模式：第一人称模式——操作类似于行人或汽车移动的效果，可以通过键盘和鼠标控制前进和后退。自动巡视模式——该模式下，用户无需任何操作，场景自动前后移动巡视当前地铁站场景。鼠标操作方式——左键旋转场景，右键平移场景。3D地铁站：http://www.hightopo.com/demo/...3D地铁站：http://www.hightopo.com/demo/...3D地铁站：http://www.hightopo.com/demo/...除了走在地上，我们还要飞上天，如下图北京首都机场T3航站楼消防监控系统。设计师特别为清晨、中午、夜晚场景提供了不同的3D空间框背景切换效果，以下只是举例，大家可以点击切换体验，实际项目中一定会更加智能。https://hightopo.com/demo/air...http://www.hightopo.com/demo/...智能建筑与人们的生活息息相关。建筑智能化的提升将大大提高人们的生活质量，在当前工业互联网背景下受到高度重视。目前，智能建筑视觉监控的主要优势包括：智慧——智能建筑是一个像人一样具有感知、自我判断和控制能力的生态系统。绿色化——绿色建筑实现能耗、产能、能源管理的绿色化，楼宇安防实现绿色监控。运营成本可控——基于可持续发展的要求，现代建筑和商业建筑需要运营50年以上，建筑在运营过程中的能源消耗巨大。如何降低运营成本，让建筑在低碳环保的状态下健康运行。3D消防互联网平台：http://www.hightopo.com/demo/...传统的智能楼宇/楼宇自动化/楼宇安防/智慧园区经常使用BIM（建筑信息模型）软件，例如Autodesk的Revit或建筑和Bentley等工程软件，但这些BIM建模模型的数据往往过于庞大臃肿，大部分详细信息对楼宇自动化意义不大。相反，由于性能影响趋势，拖累了业界WebSCADA或Web配置监控的发展。见《基于 HTML5 的 WebGL 楼宇自控 3D 可视化监控》，我们采用基于Hightopo的HTforWeb产品的轻量级HTML5/WebGL建模方案，实现移动端浏览器的快速建模、轻量级运行时甚至3D可视化运维。轻量级BIM模型3D智慧园区建筑可视化：http://www.hightopo.com/demo/...随着视频监控联网系统的不断普及和发展，网络摄像机在监控系统中的应用越来越多，尤其是它是高清时代的到来，加速了网络摄像机的发展和应用。在监控摄像头数量不断增加的同时，监控系统面临着严峻的现实问题：海量视频分散、孤立、视角不完整、位置不清晰等问题始终围绕在用户身边。因此，如何更直观、更清晰地管理摄像机和控制视频动态成为提升视频应用价值的重要课题。看《基于 HTML5 的 WebGL 自定义 3D 摄像头监控模型》，重点关注前端设备采集的海量信息如何改进、管理和有效利用，为公共安全服务，尤其是在技术融合的大趋势下，如何结合当前先进的视频融合、虚实结合融合、3D动态等技术，实现3D场景的实时动态可视化监控，更有效地识别、分析、挖掘海量数据，为有效的信息服务公共应用，成为视频监控平台可视化发展的趋势和方向。目前在监控行业，海康威视、大华等监控行业的龙头企业可以基于此方法规划公共场所、公园的摄像机布局，并通过海康威视、大华等摄像机品牌的摄像机参数进行系统调整.中间是摄像机模型的可视范围和监控方向，更方便人们直观的了解摄像机的监控区域和监控角度。3D数据中心摄像头资产管理系统：http://www.hightopo.com/demo/...2018年，东方国信工业互联网平台Cloudiip发布。工业平台WebSCADA的前端图形化组态基于图普软件的HT。Web技术，以物联网为基础，以大数据为核心，以大型炼铁生产线为载体，以配矿、焦化、烧结、球团、高炉等核心冶炼工序协同为目标，研究并以大数据处理技术、过程机理模型、机器学习、机器视觉、推理机、数值模拟和自动控制技术为手段，实现综合成本最优、能效最低的智能协同制造。并基于炼铁云和数百个流程微服务，实现生产企业、设计院、科研院所、供应商、期刊社等的生态链接和资源优化配置，大数据的深度应用促进产业数据化和产学研高效化。合并。目前，Cloudiip已形成能源云、冶金云、工业锅炉云、空压机云、化工云、安监云、高铁云、风电云、矿山云、政务云等行业应用子平台云。2018年，东方国信携图普软件HTforWeb产品参加了福州神州数码、贵阳数博会、北京软博会等大型展会。HT通过大屏和VR设备展示了各个工业互联网垂直行业的丰富经验。2D和3D可视化应用场景，前沿可视化技术的展望与探索。神州数码：4月22日，首届数字中国建设峰会在福州召开数博会：5月26日，中国国际大数据产业博览会在贵阳举行软博会：6月29日，第22届中国国际软件博览会召开在北京展览馆。展会现场，不少小朋友对VR设备的好奇和热情超出了我们的想象，居然还排起了长队去试玩。当然，VR/AR应用还处于起步阶段，尤其是基于云的VR/AR服务对带宽的需求巨大。高质量的VR/AR内容处理正在向云端迁移，满足了用户日益增长的体验需求，降低了设备价格。VR/AR将成为移动网络最有潜力的大流量业务。虽然现有4G网络的平均吞吐量可以达到100Mbps，但一些高级VR/AR应用需要更高的速度和更低的延迟。5G延迟降低10倍，流量容量增加100倍，网络效率提高100倍，可以解决这些问题，这对于VR/AR的大规模采用至关重要。电信3D机房-机架-服务器-端口：IDC数据中心双11大屏：智慧校园3DGIS可视化：互联网应用监控系统：智慧能源公共服务云平台：现代农场物联网可视化应用：仓库3D信息管理系统：Smart能源管理平台：http://www.hightopo.cn/demo/b...3D信息看板控制台：http://www.hightopo.cn/demo/h...3D/VR虚拟智慧城市：http://www.hightopo.com/demo/...3D城市地下综合管廊管理系统：http://www.hightopo.cn/demo/C...排水泵站：http://www.hightopo.cn/demo/d...3D机房实景建模：http://www.hightopo.com/demo/...3D机房热力图：http://www.hightopo.cn/demo/r...工业大数据治理二维数据血缘拓扑：http://www.hightopo.com/demo/...智慧照明整体解决方案大屏：http://www.hightopo.cn/demo/l...楼宇智控：http://www.hightopo.cn/demo/b...3D移动营业厅：http://www.hightopo.com/demo/...3D路桥隧道可视化：http://www.hightopo.cn/demo/b://www.hightopo.cn/demo/H...3D仓储货架管理系统：http://www.hightopo.com/demo/...3D纺织机械厂代流水线：http://www.hightopo.com/demo/...3D机房动态环境监控系统：http://www.hightopo.com/demo/...3D客运枢纽中心：http://www.hightopo.cn/demo/T...空调装配线3D可视化生产监控系统：http://www.hightopo.com/demo/...2D报警管理平台：http://www.hightopo.com/demo/...2D水泵房监控系统：http://www.hightopo.com/demo/...3D水泵站监控系统：http://www.hightopo.com/演示/。..海绵城市：http://www.hightopo.cn/demo/c...网页配置电源接线图：http://www.hightopo.cn/demo/e...23D光伏大数据分析：http://www.hightopo.com/demo/...光伏逆变器汇流箱新能源监控系统：http://www.hightopo.cn/demo/p...停车场智能充电桩监控系统：http://www.hightopo.cn/demo/P...3D太阳能电站：http://www.hightopo.cn/demo/l...3D变电站变压器监控系统：http://www.hightopo.cncom/demo/...3D高压开关柜：http://www.hightopo.com/demo/...3D风电场运维系统：http://www.hightopo.com/demo/。..2D输气管道监控系统：http://www.hightopo.com/demo/...23D管道生产控制模拟实训系统：http://www.hightopo.cn/demo/P...3DPodiumAutomatic控制：http://www.hightopo.com/demo/...3D空调机组：http://www.hightopo.com/demo/...2.5D新风监测系统：http://www.hightopo.com/demo/...高拓扑。com/demo/...PID进料系统：http://www.hightopo.com/demo/...2.5D活塞式制冷机：http://www.hightopo.com/demo/...2D热交换站监控系统：http://www.hightopo.com/demo/...油田计量站3D可视化监控系统：http://www.hightopo.cn/demo/m...3D中石化加油站：http://www.hightopo.com/demo/...【求贤若渴】微信：13564678417简历：eric@hightopo.comhttp://www.hightopo.com/demo/...谢谢耐心等待看完这里，你不妨认真思考一下：http://www.hightopo.com/joinu...
