html代码分析数据实现可视化,基于HTML5的数据可视化系统分析与研究

摘要：

随着计算机技术和数据存储技术的不断发展,互联网技术与政治,经济,军事,科研,生活等各方面交叉融合形成互联网+时代,人们接触数据的方式和渠道越来越广泛,数据的规模和复杂性也明显增强.数据可视化技术的发展正好满足研究者对日益增长的数据分析的诉求,成为一种重要的辅助手段.传统的数据可视化应用目前存在的问题有:(1)应用范围局限在特定领域,面向专业的研究人群,门槛高,通用性差;(2)数据在可视化各转换过程没有清晰的结构规范,过程较为复杂,转换成本较高;(3)通过对可视化流程模型化定义来驱动可视化工具的开发在易用性,可扩展性缺乏有效的指导.因此,有效的可视化应用仍然是数据可视化领域研究重点.针对以上问题,本文重点围绕数据可视化设计模型和可视化展示技术研究与分析,实现了数据可视化系统的设计与开发.主要研究内容有:(1)研究互联网数据的类型和特点,设计并实现一种模块化,层次化,通用化的数据可视化映射模型.此模型将目标数据类型与可视化过程结合分为可视化结构映射,可视化布局映射,可视化绘制三部分,并在每一部分定义模型输入和输出的数据结构;(2)比较分析基础可视化工具后使用Echarts和D3.js进行二次封装,设计并实现可视化工具DVL.js (DataVisualizationLayout).该工具为不同的图形创建独立的Javascript模块,图形中可以对包含可视区域大小,字体大小,区域背景,动态或静态等可视化属性可以进行配置,对外通过统一的函数接口 DVL (selector,data,layerIndex)访问;(3)设计并实现拥有广泛数据类型和友好交互的通用系统方案.该系统可以经过所见即所得的配置实现一站式可视化应用,包含数据源获取,可视化布局,可视化属性配置,视图缓存,可视化报告等功能模块.本文设计并实现的数据可视化系统,将相关技术分析结果结合应用场景实现了快速,灵活的可视化应用.交互式的访问方式方便了用户与可视化视图的深度互动,响应式的可视化报告满足多种网络途径快速,灵活,实时的可视化分享.在大规模数据的可视化性能和展示效率方面都高效,准确地展示了其中隐藏的信息和规律,提高了数据的可访问性,可理解性和可用性.

展开