随着互联网的发展,现在的社会已然是一个信息技术高速发展的时代。在网络服务越来越丰富的同时也给网络管理带来了巨大的挑战。大规模的网络数据如何以清晰、高效地拓扑形式展示给网络管理者,网络管理者又如何透过这种展示形式观察到数据背后的规律以及当前网络的状况,这对目前的系统和技术都是一个极大的考验。获取隐藏在大数据背后的信息和规律的形式多种多样,人类作为一种高级的视觉动物,如果从视觉感知的角度来讲,选择将大规模网络数据以一种可视化的形式展示,也不失为一种巧妙的方式。研究可视化的发展历程,使用Java Applet或者jFreecharts渲染可视化曾是较为流行的方法。但是随着前端技术的发展,使用SVG和canvas进行可视化研究已经是非常流行的做法。依托于Web技术的快速发展,本文将重点研究基于b/s架构的网络拓扑可视化系统。为了清晰地展示系统操作流程和数据流向,整体系统的开发采用MVC架构,同时结合jQuery库和bootstrap前端框架,为快速搭建系统平台提供了保障。本文数据来源主要是数据库读取,获取到的数据被转换为指定的JSON格式,转化后的数据作为canvas绘制图形的数据来源,最终填入到canvas元素的路径和图形并被浏览器渲染成一幅幅可交互的图像。