G6, a Graph Vis Framework
Tags: datavisualization, graphvisualization
Published: 2018-09-04 05:35:55

---
title: G6, a Graph Vis Framework
published: true
description: G6 is an open source JavaScript library under MIT license produced by AntV, Ant Financial, Alibaba Group. Until now, G6 has supported thousands of business systems inside and outside Alibaba. We hope that G6 could help users to get the insight into the relational data world.
tags: Data visualization, Graph visualization
---



![image.png | left | 747x204](https://cdn.nlark.com/yuque/0/2018/png/156681/1535972865654-8c050fb6-a158-4e77-b547-6ffc3f0d4c18.png "")


> <span data-type="color" style="color:#8C8C8C">Worried about complex relational data? Hard to understand the nested relationships? </span>
> <span data-type="color" style="color:#8C8C8C">G6, a library for graph visualization, takes you to travel around graph data with a visual feast.</span>

G6 is an **open source** JavaScript library under MIT license produced by AntV, Ant Financial, Alibaba Group. Until now, G6 has supported thousands of business systems inside and outside Alibaba. We hope that G6 could help users to get the **insight** into the relational data world.

[Github](https://github.com/antvis/g6) | [Documents](https://www.yuque.com/antv/g6-en)


[![未标题-4.png | left | 747x178](https://cdn.nlark.com/yuque/0/2018/png/156681/1535981631672-f949ba4c-84aa-4d8e-8274-530ff67e14d6.png "")
](https://github.com/antvis/g6)

# The Name 
* 'G' of G6 comes from Graphic and Graph, indicating that we aim at graph visualization based on graphics.
* '6' of G6 comes from '[Six Degrees of Separation](https://en.wikipedia.org/wiki/Six_degrees_of_separation)', expressing our passion for relational data.



![image](https://gw.alipayobjects.com/zos/rmsportal/yYxasmMnaTqDLaycIxgP.png)


# The Features

#### Abundant, Elegant, Reusable Graph Visualization Solutions
We design abundant helpful features as well as the visual effect of visualization solutions in G6. 

#### Customizable and Extendable
G6 allows users to customize their own Graph freely. Plugin mechanism makes G6 extendable. 

![image](https://gw.alipayobjects.com/zos/rmsportal/dpeXKbaJcQjgsEmbzwCC.png)


# Libraries based on G6
* [Viser-graph](https://viserjs.github.io/docs.html#/viserGraph/guide/installation/cn.md) A visualization framework based on G6.
* [GG-editor](http://ggeditor.com/) Great Graphic Editor, a React package of G6.

# Trusted by


![未标题-3.png | left | 747x185](https://cdn.nlark.com/yuque/0/2018/png/156681/1535981624657-26a4be39-316f-48ad-be91-5dd9889c0808.png "")


# The Future
We are preparing more common solutions, more techniques for graph analyzer. We will always keep the passion for graph visualization, follow the state-of-the-art, and continue to innovate. It has been a long way and there is still a long way to go, we are learning, improving, growing up, and waiting for you. 

If you encounter any problems with G6, feel free to create Issues on Github.

# Links
* [G6 Documents](https://www.yuque.com/antv/g6-en)
* [G6 Github Repository](https://github.com/antvis/g6)
* [G6](https://antv.alipay.com/zh-cn/g6/1.x/index.html)

[Doc Original Link](https://www.yuque.com/antv/blog/g6-intro)