Visualization practice

Operational Dashboards for Complex Systems

This collection brings together visualization work for operational monitoring, dispatch, and risk warning. Across different domains, the challenge is consistent: organize dense information within limited screen space so users can understand the whole, locate anomalies, and move into specific objects and tasks. My scope varied by project and included information architecture, interface and visual design, design standards, and engineering delivery.

Common Scenarios
Operational monitoring, dispatch, and risk warning
Design Focus
Information hierarchy, spatial relationships, and state feedback
Datang Inner Mongolia Production Operations Centerultrawide operations display
01 / Energy operations

Datang Inner Mongolia Production Operations Center

Overview

A command-center dashboard presenting production overview, regional operations, equipment status, and key metrics on ultra-wide displays.

Design Approach

A hierarchy from overview to region, equipment, and metrics supports continuous monitoring and rapid drill-down.

Datang Inner Mongolia Production Operations Centerthree-screen panoramic composition
01 / Production overview

Datang Inner Mongolia Production Operations Center

Overview

A command-center dashboard presenting production overview, regional operations, equipment status, and key metrics on ultra-wide displays.

Design Approach

A hierarchy from overview to region, equipment, and metrics supports continuous monitoring and rapid drill-down.

02 / Grid operations

Power Grid Operations Overview

Overview

Shows national and priority-region conditions through grid distribution, capacity, load, trends, and key events.

Design Approach

Regional and network relationships organize scale metrics, trends, and events into a progressive reading structure.

Power Grid Operations Overviewdashboard composition
Energy Luoshu Board interface view
03 / Equipment intelligence

Luoshu Equipment Intelligence System

Overview

Combines regional layout, equipment status, analysis results, and trends for continuous operational monitoring.

Design Approach

Spatial layout locates equipment while status and trends explain change, linking overview and object detail.

Sanming Centralized Control Panoramadual-screen composition
04 / Regional monitoring

Sanming Centralized Control Panorama

Overview

A regional map shows where monitored objects are located, while structured lists support search and status checks.

Design Approach

The map provides spatial orientation; lists support object-level verification and connect regional conditions to device status.

Mine 3d Overview interface view
05 / Mine overview

3D Integrated Monitoring Dashboard

Overview

A 3D mine scene connects vehicle routes, equipment status, safety trends, and alerts.

Design Approach

The 3D scene provides spatial context, while status panels connect overall conditions with specific anomalies.

Autonomous Cabin-Cleaning Machine Systemmain monitoring interface
06 / Unmanned operation

Autonomous Cabin-Cleaning Machine System

Overview

The cabin-cleaning workflow brings point clouds, task routes, live video, equipment status, and alerts into one view.

Design Approach

The work zone and point cloud form the main view, keeping monitoring, task control, and exception feedback in one flow.

Autonomous Cabin-Cleaning Machine Systemoperational details interface
Operational Details and Object Status
Autonomous Cabin-Cleaning Machine Systemexception dialog interface
Exceptions and Operational Feedback
07 / Smart mine

Smart Mining Integrated Monitoring Dashboard

Overview

A spatial mine view connects vehicles, routes, and dispatch status with task data and operating metrics.

Design Approach

Roads, vehicles, and tasks are spatially linked, supported by status lists and trend indicators.

Smart Mining Integrated Monitoring Dashboard
Deep-Mine Vehicle–Excavator Coordination Platformoverview interface
08 / Cloud control

Deep-Mine Vehicle–Excavator Coordination Platform

Overview

The vehicle–excavator workflow combines equipment status, route nodes, dispatch commands, operating statistics, and alerts.

Design Approach

The map shows vehicle–route relationships; task and vehicle management views connect real-time status with operating history.

01
Cloud Task interface view

Task Dispatch

Review tasks, assigned objects, and current execution status.

02
Cloud Trajectory interface view

Trajectory Playback

Review operations through both time and spatial context.

03
Cloud Vehicle interface view

Vehicle Management

Centralize vehicle information, operating records, and management actions.

09 / Fleet risk

Vehicle Risk Control Dashboard

Overview

A national fleet map is paired with vehicle profiles, risk levels, exceptions, and trend indicators.

Design Approach

The map identifies priority regions; vehicle profiles and risk indicators lead to specific objects.

Vehicle Risk Control Dashboarddual-screen composition
Medical Overview Board interface view
10 / Emergency overview

5G Emergency Command Center

Overview

Emergency resources, regional conditions, equipment status, and treatment data form one connected display system.

Design Approach

The overview shows resource and regional changes before maps and device views lead to specific tasks.

5G Emergency Command Centerregional situation dashboard
11 / Regional situation

5G Emergency Command Center · Regional Situation

Overview

A map organizes emergency resources, patient distribution, historical trends, and device status.

Design Approach

The map anchors regional conditions; trends and device data explain changes and locate resources.

5G Emergency Event Forecastdual-screen composition
12 / Time forecast

5G Emergency Event Forecast

Overview

Regional heatmaps, event distribution, and time trends reveal changes in emergency demand.

Design Approach

Heatmaps show spatial differences; time trends make forecast results easier to compare and review.

13 / Operation system

2022 Winter Olympics Power Assurance System

Overview

Designed for 2022 Winter Olympics power assurance, covering grid status, venue supply, resources, performance, and event traceability.

Design Approach

Overall conditions, venue operations, analysis, and traceability are organized as a durable multi-page monitoring system.

Winter Ui 01 interface view
01Grid Situation Overview
Winter Ui 02 interface view
02Venue Power Monitoring
Winter Ui 03 interface view
03Power Resource Overview
Winter Ui 04 interface view
04Assurance Analysis
Winter Ui 05 interface view
05Operating Metrics Dashboard
Winter Ui 06 interface view
06Assurance Process Traceability
Winter Ui 07 interface view
07Low-Voltage Grid Operations
Winter Ui 08 interface view
08Venue Operations Monitoring
Winter Ui 09 interface view
09Operating Event Details
Winter Ui 10 interface view
10Green Power Monitoring
Winter Ui 11 interface view
11Busbar Balance Monitoring
Winter Ui 12 interface view
12Grid Reliability Analysis
On site

Command Center and Real Operating Environment

Field photos show the real deployment context: screen scale, viewing distance, command space, and multi-role collaboration.

Design Output
Large-Screen and Multi-Page Monitoring UI
Operating Context
Command Centers and On-Site Operations
Winter Onsite 06 interface view
Winter Onsite 07 interface view
Winter Onsite 04 interface view
Winter Onsite 10 interface view
Winter Onsite 12 interface view
Winter Onsite 01 interface view
Winter Onsite 02 interface view
Winter Onsite 03 interface view
Winter Onsite 05 interface view
Winter Onsite 08 interface view
Winter Onsite 09 interface view
Winter Onsite 11 interface view
Winter Onsite 13 interface view

Get in touch

Feel free to reach out if you want to have a chat, or have any questions

Phone LinkedIn