百度数据可视化实验室的产品矩阵如下图所示，内容涵盖基础库、各种可视化产品以及应用产品。

下面的例子创建了一个圆心在 [150, 50] 位置，半径为 40 像素的圆，并将其添加到画布中：

var circle = new zrender.Circle({

shape: {

cx: 150,

cy: 50,

r: 40

},

style: {

fill: 'none',

stroke: '#F00'

}});zr.add(circle);

该项目 GitHub 地址：https://github.com/ecomfe/zrender

高性能渐进式 WebGL 框架 ClayGL

ClayGL 是一个高性能 WebGL 框架，能够帮助用户快速搭建可视化、三维模型展示、交互广告等 Web3D 的应用，提供 Canvas、SVG、VML 等多种渲染方式。

据 ECharts 团队介绍，ClayGL 作为 ECharts GL 的底层 WebGL 支持框架，2017 年已经在手机百度中成功落地了三维模型展示的应用，充分验证了产品的可靠性。

下图为在 DOTA 2 中的案例：

该项目的 GitHub 地址如下：https://github.com/pissang/claygl

总结

百度数据可视化实验室在产品矩阵研发上，从底层到应用实现全面覆盖， 如基础的 ZRender、ClayGL，以及 ECharts、ECharts GL 解决方案，另外还有一系列数据可视化产品如图说、Gallery 等。