← Back to Projects
Web ApplicationFebruary 2025

Asset Digital Twin (3D & VR)

An immersive digital twin platform combining asset tracking, 3D station modeling, and VR support using React, Three.js, Node.js, and BacNet.

Project Screenshots

Digital Twin Overview

3D digital twin with live equipment status

VR Mode Preview

Immersive VR view inside pump station

Simulation View

Simulation View

Asset location Map

Asset location Map

Project Videos

Key Features

3D digital twin stations
WebXR-based VR walkthrough
Live sensor data via BacNet
AI-based predictive alerts
Clickable assets with popups
Custom floor plans with asset overlays

Asset Digital Twin Map with 3D & VR

A next-generation asset visualization and management system designed for industries and municipalities. This platform blends real-time data, 3D environments, and virtual reality for unparalleled operational insights.

Key Features

  • 3D station models with live data overlays
  • VR support for immersive monitoring and walkthroughs
  • Real-time sensor data updates via BacNet/WebSocket
  • Interactive map with asset locations (Mapbox)
  • Clickable pumps/panels with live dashboards
  • Weather, power, vibration, and runtime integration
  • Predictive alerts with AI anomaly detection

Technical Details

This platform is built using React.js and Three.js (via React Three Fiber) for 3D rendering. Node.js handles backend logic, BacNet/WebSocket delivers live updates, and MongoDB stores all asset and inspection data. Blender is used for 3D modeling, exported to GLB format.

Development Process

The platform was delivered in three phases:

  1. Map & Asset Plotting: Using Mapbox and backend APIs
  2. 3D & Digital Twin Scene: Blender models rendered with React Three Fiber
  3. VR & Real-Time Integration: WebXR, BacNet, and predictive maintenance algorithms.

login credentials

username: admin, password: admin@123