周志豪 董亚则 沈晓伟

（长春工业大学应用技术学院，吉林 长春 130012）



基于HTML5的3D数据可视化

周志豪 董亚则 沈晓伟

（长春工业大学应用技术学院，吉林 长春 130012）

摘 要：经过几乎8年的艰辛努力，HTML5标准规范终于制定完成了，伴随着大量基于浏览器的应用也日趋庞大，HTML5的出现为数据可视化提供了新的实现方法。本文对HTML5的数据可视化在浏览器的应用进行研究实践，并利用HTML5中新生API实现动态数据3D可视化展示。

关键词：HTML5；数据可视化；SVG；Canvas

0. 引言

数据可视化（Data visualization）是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入地观察和分析。

随着互联网技术的不断发展，大数据时代的到来，人们越来越重视数据信息和数据分析，海量的数据过于庞大不宜直观分析和统计相关结论，在这种环境下催生了数据可视化的发展，人们把大量的数据绘制成图表甚至模型来直观地反应数据带来的影响和结果，让决策者更好地调整产品和运作方法来改善某些问题和完善产品，数据可视化越来越受到大家的重视。基于浏览器端的web应用，由于现代浏览器例如IE10、Chrome、FireFox、Safari等都能很好地兼容相应属性而得到迅速推广。

1. 相关技术

HTML通用的网页标记语言也是万维网的核心语言，2014年10月29日万维网联盟宣布HTML5的规范制定完成，来完善迅速发展的互联网应用，日常我们所说的HTML5实际上包括了HTML标记、CSS和JavaScript在内的一系列技术，其中HTML5新增了CanvasAPI和内联SVG的方法，此文就是基于新增的这两种功能来为数据提供可视化方法。……