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

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

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

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