参与式感知技术将智能终端、互联网相结合,构建出广泛的感知网络,使得以低成本大范围收集数据成为可能。建立站点,引导用户上传数据是多数应用采用的数据收集方式。传统的图表在处理此类数据时往往难以体现大类的信息,极易造成信息表达不全面,甚至遗漏信息的后果。数据可视化技术常用于将结构或非结构数据转换成适当的图表,对PM2.5站点管理系统进行可视化设计为提升管理系统的数据表现力提供了新思路。本文作者设计了针对管理系统的数据展示的数据可视化解决方案,完成了基于React框架的数据可视化模块设计,通过搭建B/S架构的web服务系统,面向PM2.5站点管理系统进行数据可视化设计,在完成站点管理的基础上通过数据可视化技术丰富了管理系统的数据展示。本文首先介绍了数据可视化的相关背景与研究意义,明确了本文的研究内容与主要工作,随后对数据可视化的相关概念以及涉及到的相关技术进行了简要的介绍。然后设计了 一种基于表象性状态转变(RESTful,Representational State Transfer)设计风格的系统架构解决方案,详细阐述基于该系统架构的功能性和非功能性的需求分析、总体设计、详细设计和测试方案,主要包括系统架构、数据可视化模块及为其提供数据支持的服务器端业务逻辑处理模块的设计与实现。数据可视化模块的设计包含可视化组件设计及数据流设计,业务逻辑处理模块包含接口设计、业务逻辑设计和数据库存储设计。在此基础上对PM2.5站点的数据可视化进行了白盒测试、黑盒测试,以便为用户提供可靠的数据支持和数据可视化服务。最后对已完成工作做出总结和并后续工作进行展望。