| 摘要 | 第4-5页 |
| ABSTRACT | 第5-6页 |
| 第一章 绪论 | 第9-13页 |
| 1.1. 课题研究背景 | 第9页 |
| 1.2. 课题研究现状 | 第9-11页 |
| 1.3. 论文结构 | 第11-13页 |
| 第二章 实现程序运行状态可视化工具库相关技术介绍 | 第13-21页 |
| 2.1. Web前端基础技术 | 第13-17页 |
| 2.1.1. HTML语言 | 第13-14页 |
| 2.1.2. JavaScript编程语言 | 第14-15页 |
| 2.1.3. CSS样式语言 | 第15-17页 |
| 2.2. 课题研究相关第三方框架技术介绍 | 第17-20页 |
| 2.2.1. jQuery开发框架 | 第17-18页 |
| 2.2.2. three.js框架介绍 | 第18-19页 |
| 2.2.3. D3框架介绍 | 第19-20页 |
| 2.2.4. raphael.js框架介绍 | 第20页 |
| 2.2.5. dagre-d3.js框架介绍 | 第20页 |
| 2.3. 本章小结 | 第20-21页 |
| 第三章 树图3D可视化设计 | 第21-43页 |
| 3.1 树图3D可视化需求分析 | 第21-25页 |
| 3.1.1. 树图作为树的可视化方案的特征与优势 | 第21-23页 |
| 3.1.2. 可视化程序数据属性分析 | 第23-24页 |
| 3.1.3. 支持3D空间可视化分析 | 第24-25页 |
| 3.1.4. 树图交互特性的分析 | 第25页 |
| 3.2. 树图3D可视化总体结构 | 第25-27页 |
| 3.2.1. 树图3D可视化功能模块划分 | 第26页 |
| 3.2.2. 模块间关联关系 | 第26-27页 |
| 3.3. 数据绑定与3D对象生成基础架构模块 | 第27-31页 |
| 3.3.1. D3实现非DOM数据绑定对象的底层设计 | 第27-29页 |
| 3.3.2. D3与three.js底层融合设计 | 第29-31页 |
| 3.4. 数据存储与解析模块 | 第31-34页 |
| 3.4.1. 树数据属性设计 | 第31-32页 |
| 3.4.2. 数据存储与解析设计 | 第32-34页 |
| 3.5. 树图可视化模块 | 第34-36页 |
| 3.5.1. 3D空间对象层次设计 | 第34-35页 |
| 3.5.2. 3D空间对象可视设计 | 第35-36页 |
| 3.6. 交互模块 | 第36-39页 |
| 3.6.1. 3D树图层次伸缩和高亮交互设计 | 第36-37页 |
| 3.6.2. 3D树图旋转、放大交互设计 | 第37-38页 |
| 3.6.3. 3D树图层次深度改变交互设计 | 第38-39页 |
| 3.7. 程序运行状态可视化工具库接口设计 | 第39-40页 |
| 3.8. 本章小结 | 第40-43页 |
| 第四章 有限状态机可视化设计 | 第43-53页 |
| 4.1. 有限状态机可视化需求分析 | 第43-45页 |
| 4.2. 可视化程序数据属性设计 | 第45-46页 |
| 4.3. 有限状态机可视化总体结构 | 第46-47页 |
| 4.4. 有限状态机各模块设计与实现 | 第47-51页 |
| 4.4.1. 数据存储和解析模块 | 第47-48页 |
| 4.4.2. 有限状态机可视化模块 | 第48-49页 |
| 4.4.3. 有限状态机交互模块 | 第49-51页 |
| 4.5. 有限状态机可视化程序的测试 | 第51-52页 |
| 4.6. 本章小结 | 第52-53页 |
| 第五章 有向无环图可视化设计 | 第53-63页 |
| 5.1. 有向无环图可视化需求分析 | 第53-56页 |
| 5.1.1. 有向无环图类型分析 | 第53-55页 |
| 5.1.2. 可视化需求分析 | 第55-56页 |
| 5.2. 可视化程序数据属性设计 | 第56-57页 |
| 5.3. 有向无环图可视化总体结构 | 第57-58页 |
| 5.4. 有向无环图各模块设计与实现 | 第58-61页 |
| 5.4.1. 数据存储和解析模块 | 第58页 |
| 5.4.2. 有向无环图可视化模块 | 第58-60页 |
| 5.4.3. 有向无环图交互模块 | 第60-61页 |
| 5.5. 有向无环图可视化程序的测试 | 第61-62页 |
| 5.6. 本章小结 | 第62-63页 |
| 第六章 总结与展望 | 第63-65页 |
| 参考文献 | 第65-67页 |
| 致谢 | 第67-68页 |
| 攻读硕士学位期间发表的论文目录 | 第68页 |