G2
是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2
,无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas
或 SVG
构建出各种各样的可交互的统计图表。
特点:
- 完善的图形语法:数据到图形的映射,能够绘制出所有的图表。
- 全新的交互语法:通过触发和反馈机制可以组合出各种交互行为,对数据进行探索。
- 强大的 View 模块:可支持开发个性化的数据多维分析图形。
- 双引擎渲染:
Canvas
或SVG
任意切换。 - 可视化组件体系:面向交互、体验优雅。
- 全面拥抱
TypeScript
:提供完整的类型定义文件。
最近项目中需要使用到 Antv/G2
,先来一个小 demo
实现一下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">