2017-12-22 17:49:38 +08:00
|
|
|
|
---
|
|
|
|
|
|
order: 4
|
|
|
|
|
|
title:
|
|
|
|
|
|
zh-CN: 可视化语言
|
|
|
|
|
|
en-US: Visualization
|
|
|
|
|
|
---
|
2017-12-26 23:20:28 +08:00
|
|
|
|
|
|
|
|
|
|
todo
|
|
|
|
|
|
|
|
|
|
|
|
可视化语言是基于中台设计语言 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/)
|
