随着物联网、大数据、云计算等技术的快速发展,各行各业产生了海量的数据,如何从海量的数据中获取有效的信息,挖掘数据背后蕴藏的意义,成为我们需要面对的问题。数据可视化成为展示和分析数据的重要解决方案,基于数据可视化的应用正处于蓬勃发展之中。当前的数据可视化应用存在着静态化展示居多、不具备交互功能、没有实时数据更新能力、项目的维护性差等问题。本文针对于当前数据可视化应用存在的问题,从数据可视化技术和B/S体系架构出发,设计并实现了一款基于B/S模式的数据可视化系统。弥补了当前数据可视化系统的一些不足,本课题主要完成了以下几方面的研究和工作:1.对B/S模式下的数据可视化进行了深入分析,阐述了 B/S模式的概念、优势;介绍了数据可视化中的数据格式、绘图技术、常用的数据可视化工具,以及服务端推送技术——WebSocket。2.依托智能手环采集的健康大数据集,针对传统数据可视化应用存在的问题,详细分析了 B/S模式下数据可视化系统的功能性需求和非功能性需求。功能性需求包括可视化图表渲染、图表交互、异常数据检测等,非功能性需求包括系统的安全性、易用性、兼容性等。3.在系统开发方面,通过抽象出视图页面的公共UI元素和控制修改数据方式,基于视图模型和数据流模型,封装了三大类总计十多种视图组件,保证了系统视图方面的浏览器兼容性,提高了开发效率,降低了后期维护的难度。4.基于高斯概率分布和改进的K-means两种异常检测算法,设计并实现了异常检测模块,从一维数据和多维数据中检测出异常数据值,并将检测结果进行展示,为专业医护人员对用户健康状态的判断提供依据。5.设计了基于WebSocket的全双工数据传输机制,提高了系统数据传输的效率,实现了服务器主动推送数据的功能。完成整个可视化系统的浏览器端和服务器端的开发,并对整个系统进行了全面测试。测试结果表明,系统实现了预期的功能,性能优异,且具备安全性、易用性、兼容性等。