菜鸟的博客

WebGL是一种用于在网页上渲染交互式3D和2D图形的JavaScript API。它基于OpenGL ES 2.0，提供了一种在浏览器中使用硬件加速图形的方式。

SVG 的全称是 Scalable Vector Graphics，可缩放矢量图，它是浏览器支持的一种基于 XML 语法的图像格式。SVG 可以作为 HTML 内嵌元素使用，也可以作为图像通过 img 元素加载，或者绘制到 Canvas 内。

Canvas API提供了一个通过JavaScript 和 HTML的canvas元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。

在浏览器上实现图形渲染的方式主要是以下四种：HTML+CSS、SVG、Canvas2D、WebGL。其中HTML+CSS与SVG属于**声明式绘图**方式，是开发人员根据数据创建不同的图形元素或CSS规则，然后经过浏览器渲染引擎解析并渲染出来。但是Canvas2D与WebGL属于**指令式绘图**方式，是浏览器提供的一种可以用代码在“画布”上绘制图形的API。通过调用绘图指令，然后引擎直接在页面上进行绘制

可视化是将繁琐的数据转换成易于被人们理解认知的结构，然后用图像的形式呈现出来。