ROS（Robot Operating System）操作系统具有松耦合、功能库丰富等优势,目前被广泛应用于工业、商业等多种不同领域的机器人开发中。随着应用领域的拓展和用户数量的增长,机器人数据可视化的需求日益复杂,而如Rviz等现有的数据可视化工具,在可扩展和跨平台等方面存在一定局限。结合应用场景和项目需求,本文设计并实现了一个面向Web的ROS机器人数据可视化系统,完成了基于网页的机器人数据可视化,给出了一种模块化、可扩展和跨平台的解决方案。在本系统的数据处理模块中,对不同数据进行了分析和解算。此模块包含了数据接收、数据解析、姿态解算、数据矫正四个子模块,其中,数据接收模块将接收的不同数据分发至数据解析和姿态解算模块的不同处理流程中;数据解析模块按不同协议版本和数据类型对数据进行拆包和解析;姿态解算模块将IMU（Inertial Measurement Unit）原始数据解算为载体机器人的姿态信息;数据矫正模块将载体机器人上探测器所采集的图像数据中的角度信息矫正为相对于地理坐标系的角度信息。在本系统的可视化界面模块中,对不同数据进行了模块化显示。此界面基于新兴的Foxglove平台开发,设计了图像、位姿、雷达和数据记录四个功能区域。在数据处理模块的基础上,机器人采集的图像数据、状态数据,外部系统的雷达目标数据,系统的日志信息和机器人的三维姿态信息,在可视化界面实现了基于网页端的实时显示。综上,本文完成了机器人数据的接收和解析、机器人姿态信息解算、角度信息矫正和可视化界面模块化显示等工作。通过系统的功能和性能测试,验证了本系统功能的完整性和性能的可靠性,具有较高的实际应用价值。