大数据正改变着社会的方方面面,教育也不例外,越来越多的教育数据被收集和存储,教育领域已经步入了教育大数据时代。如何快速、便捷展示和分析教育数据成为普通教育工作者面临的一个问题。数据可视化可将抽象的数据转换为形象的图表,利于数据特点和规律的发掘,因而将数据可视化技术应用于教育领域,服务于普通教育工作者具有重要意义。但是普通教育工作者缺乏专业的数据可视化知识和技能,方便易用的数据可视化工具便成为迫切需要。本文首先梳理了数据可视化的研究现状及其在教育中的应用现状,在此基础之上对工具进行了详细的需求分析,着重阐述了功能需求和业务流程。然后,根据需求分析对工具进行了设计,重点对前端的设计模式进行了思考,确定了 MVVM设计模式及其衍生的前端视图模型。其次,对工具进行了实现,针对数据可视化图表的封装、交互以及导入特殊数据类型三个关键技术问题提出了解决对策。通过AngularJS指令技术和JavaScript闭包技术实现了图表的封装,使用D3.js人机交互技术实现了图表的交互,通过在视图模型中采用双数组结构实现了网状和层次数据基于表格的导入和展示。最后,对工具进行了功能和性能测试,测试结果表表明工具运行正常、功能稳定,达到了设计目标。本文采用AngularJS框架、表格插件Handsometable、数据可视化绘图库Echarts和D3.js设计和实现了一款Web数据可视化工具。该工具操作简单、支持数据类型丰富,满足了教师、学生、教育管理者等人员可视化基本教育数据的需求,为今后此类数据可视化工具的开发提供了参考。