前端可视化

前端数据可视化解决方案：

Highcharts Echarts AntV
three.js zrender d3
canvas svg webGL HTML
chrome
skia openGL

skia

skia是chrome和Android的的底层2D绘图引擎，skia采用c++变成，由于它位于浏览器的更底层，所以我们平常接触较少。

OpenGL

OpenGL（Open Graphics Library）是2D、3D图形渲染库，它可以绘制从简单的2D图形到复杂的3D景象。OpenGL常用于CAD、VR、数据可视化和游戏等众多领域。

Chrome

chrome使用Skia作为绘图引擎，向上层开放了canvas、webGL、svg、html等绘图能力。

Canvas

是HTML5的新特性，它允许我们使用canvas元素在网页上通过javascript绘制图像。
canvas是一张画布，其绘制出来的图形不能通过浏览器的dom操作来获取可操作对象。

SVG

SVG是一种基于XML的图像文件格式，它的英文全程为 Scalable Vector Graphics，意思为可缩放的矢量图形。

WebGL

WebGL(Web Graphics Library)是一种3D绘图协议，webGL可以为HTML5 Canvas 提供硬件3D加速渲染，这样web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

zrender

zrender是二维绘图引擎，它提供canvas、svg、VML等多种渲染方式。zrender也是ECharts的渲染器。

D3

D3(Data-Driven Documents)是一个Javascript图形库，基于Canvas、Svg和HTML，是一个较为复杂的图形库。

Three.js

Three.js是一个基于webGL的JavaScript 3D图形库。

Highcharts

Highcharts是一个用纯javascript编写的一个图标库，能够很简单边界的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。Highcharts系列包含Highcharts JS，Highstock JS，Highmaps JS共三款软件，均为纯JavaScript编写的HTML5图标库。Highcharts支持的图表类型有直线图、曲线图、区域图、柱状图、饼状图、散状点图、仪表图、气泡图、瀑布流图等多大20多种图表，其中很多图表可以集成在同一个图形中形成混合图。

AntV

AntV是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。
AntV包括以下解决方案：

• G2：可视化引擎
• G2Plot：图表库
• G6：图可视化引擎
• Graphin：基于G6的图分析组件
• F2：移动可视化方案
• ChartCube：AntV图表在线制作
• L7：地理空间数据可视化