基于Web的數(shù)據(jù)可視化工具設計與實現(xiàn).pdf

1、大數(shù)據(jù)正改變著社會的方方面面，教育也不例外，越來越多的教育數(shù)據(jù)被收集和存儲，教育領域已經(jīng)步入了教育大數(shù)據(jù)時代。如何快速、便捷展示和分析教育數(shù)據(jù)成為普通教育工作者面臨的一個問題。數(shù)據(jù)可視化可將抽象的數(shù)據(jù)轉(zhuǎn)換為形象的圖表，利于數(shù)據(jù)特點和規(guī)律的發(fā)掘，因而將數(shù)據(jù)可視化技術(shù)應用于教育領域，服務于普通教育工作者具有重要意義。但是普通教育工作者缺乏專業(yè)的數(shù)據(jù)可視化知識和技能，方便易用的數(shù)據(jù)可視化工具便成為迫切需要。
　　本文首先梳理了數(shù)據(jù)可視化

2、的研究現(xiàn)狀及其在教育中的應用現(xiàn)狀，在此基礎之上對工具進行了詳細的需求分析，著重闡述了功能需求和業(yè)務流程。
　　然后，根據(jù)需求分析對工具進行了設計，重點對前端的設計模式進行了思考，確定了MVVM設計模式及其衍生的前端視圖模型。
　　其次，對工具進行了實現(xiàn)，針對數(shù)據(jù)可視化圖表的封裝、交互以及導入特殊數(shù)據(jù)類型三個關(guān)鍵技術(shù)問題提出了解決對策。通過AngularJS指令技術(shù)和JavaScript閉包技術(shù)實現(xiàn)了圖表的封裝，使用D3.js

3、人機交互技術(shù)實現(xiàn)了圖表的交互，通過在視圖模型中采用雙數(shù)組結(jié)構(gòu)實現(xiàn)了網(wǎng)狀和層次數(shù)據(jù)基于表格的導入和展示。
　　最后，對工具進行了功能和性能測試，測試結(jié)果表明工具運行正常、功能穩(wěn)定，達到了設計目標。
　　本文采用AngularJS框架、表格插件Handsometable、數(shù)據(jù)可視化繪圖庫Echarts和D3.js設計和實現(xiàn)了一款Web數(shù)據(jù)可視化工具。該工具操作簡單、支持數(shù)據(jù)類型豐富，滿足了教師、學生、教育管理者等人員可視化基本教