Visualization
Created custom chart components without relying on external libraries, giving the product control over its visual language.
Project 04
All workIoT Device Dashboard System
A data-rich IoT interface combining custom visualization components, real-time communication, and an engaging 3D interaction layer.
Role
Senior React.js Developer
Stack
React.js · TypeScript · Redux · React Testing Library · WebSocket · Stripe · Framer Motion
Device Control Center
IoT operations
Last sync
14:32:08
Live
Devices
1,284
+8.4%Online
1,241
96.6%Warnings
18
−12%Events / min
428
+4.8%Live telemetry
Device activity
24hLive
Incoming events
428 events/minDevices
1,284 totalDeviceStatusSignalTemp.
Gateway A-104
Industrial gateway
Online
98%31.4°CSensor Node 284
Temperature sensor
Online
94%27.8°CSensor Node 391
Pressure sensor
Warning
71%34.2°CGateway B-018
Industrial gateway
Online
91%29.7°CMessages processed
4.82M
Last 24 hours
API latency
38ms
−14% vs yesterday
Platform health
99
Operational
All systems nominal
Overview
A real-time IoT control surface that turns dense device telemetry into clear operational signals and engaging device interactions.
What I worked on
Performance
Improved data visualization performance by 20% through more efficient rendering and update strategies.
Device interaction
Built a 3D user experience for IoT device features and details to make complex hardware states easier to explore.
Real-time UI
Used real-time communication and motion to keep device interactions responsive and understandable.