这里简单介绍2个前端数据可视化库—g2和echarts，这2个库使用起来都非常方便，简单易学、交互性强，可以完成日常大部分图表的绘制，包括散点图、折线图、柱状图、饼状图等，下面我简单介绍一下这2个库的使用，主要内容如下：
g2：这个是阿里的一个前端可视化库，以数据为驱动，易用性和可扩展性强，用户无需关注复杂的实现细节，几行代码就可以绘制出漂亮、大方、交互性强的图表，使用起来非常方便，主要测试代码如下，其实就是引入JS库，然后创建一个div容器，在里面设置必要配置项及数据，就能实现图形的绘制，这里以堆叠的条形图为例：
用浏览器打开网页，效果图如下：
更多的示例，可以看官方教程，包括折线图、柱状图、箱型图、热力图等，有详细的代码和说明，还可以在线编辑运行，很不错：
echarts：这个是百度的一个前端可视化库，功能也非常强大，可以流畅的运行在PC和移动设备上，提供直观、方便、交互丰富的可视化图表，并可高度可视化定制，使用方式与上面的g2类似，下面我简单介绍一下：
1.下载echarts.js到本地，这个直接到官网上下载就行，如下，下载源码的：
2.接着我们就可以本地引入echarts.js，绘制图表了，就是创建一个div容器，然后制定一下图表的配置项和数据就行，如下，这里以绘制饼状图为例：
用浏览器打开网页，效果图如下：
更多示例，可以参考一下官网教程，有详细的步骤和注释，非常适合开发者学习，也可以在线调试运行相关代码：
就分享这2个前端可视化库的简单使用吧，整个过程来说，其实很简单，只要你有一定的前端基础，熟悉一下相关示例和代码，学习一下官方的教程，很快就能掌握的，希望以上分享的内容能对你有所帮助吧，也欢迎大家评论、留言。
