HomeIoT & Smart CityMobile-to-IoT Connection Topology: Direct vs Cloud vs Hybrid

Mobile-to-IoT Connection Topology: Direct vs Cloud vs Hybrid

Interactive 3D simulator of how a mobile app reaches an IoT device: direct BLE link, cloud-relay (App→Cloud→Device) or an auto-switching hybrid. Move the device away and watch round-trip latency and delivery rate diverge.

IoT & Smart City3DModerate60 FPS📱 Mobile-adapted⇄ 2D version
mobile-iot-integration ↗ Open standalone

Every mobile app that controls an IoT device has to pick a transport: a direct Bluetooth Low Energy link straight to the device, a cloud relay that hops App → Cloud → Device, or a hybrid that switches between the two. This simulator renders both paths in 3D and drives real command packets across whichever one is active. Drag the device away from the phone and the direct link's delivery probability falls off a cliff past its practical BLE range while its latency barely changes; the cloud path stays flat and distance-independent but pays a fixed round-trip cost and is only as reliable as the network-quality slider. Auto Hybrid mode watches both curves and switches transport the moment one becomes clearly better than the other, paying a one-time hand-off penalty exactly as a real hybrid IoT stack does when it renegotiates a session.

⚙ Under the hood

Interactive 3D simulator of how a mobile app reaches an IoT device: a direct BLE link, a cloud relay (App→Cloud→Device) or an auto-switching hybrid. Move the device away and watch round-trip latency and delivery success diverge between the two transports.

iotbluetoothmobilenetworkinglatencycloud

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)