---
order: 4
title: 可视化
---

可视化语言是基于中台设计语言 Ant Design 衍生的一套具有数据可视化特性的设计指导原则，让数据表达更符合用户心理，帮助『设计者』孵化出更具业务特性的可视化解决方案以满足个性化设计需求，屏蔽不必要的设计差异和实现成本，从而解放『设计者』和前端的研发资源，实现全面提高数据图表的研发效率。

同时，这是一份动态更新的设计文档，你的阅读和反馈正是我们不断前进的动力，[GitHub 反馈地址](https://github.com/antvis/site/issues)。

## 设计资源

我们提供完善的设计原则 & 指引和设计资源文件（Sketch），此外还提供了一份完整的图表用法说明，来帮助用户快速理解图表并设计出高质量的可视化图表。

- [设计原则](https://antv.alipay.com/zh-cn/vis/design/color.html)
- [设计资源](https://antv.alipay.com/zh-cn/vis/resource/index.html)
- [图表用法](https://antv.alipay.com/zh-cn/vis/chart/index.html)

## 前端实现

我们基于原生 JavaScipt 封装了一套 AntV 的组件库，其包含高交互基础图表库 G2，专注解决流程与关系分析的图表库 G6，适于移动端应用的图表库 F2 等，也欢迎社区其他框架的实现版本。

- [G2（官方实现）](https://antv.alipay.com/zh-cn/g2/3.x/index.html)
- [G6（官方实现）](https://antv.alipay.com/zh-cn/g6/1.x/index.html)
- [F2（官方实现）](https://antv.alipay.com/zh-cn/f2/3.x/index.html)
- [BizCharts (React)](https://alibaba.github.io/BizCharts/)
- [Viser (React / Vue / Angular)](https://viserjs.github.io/)