# Graphin

**Repository Path**: antv/graphin

## Basic Information

- **Project Name**: Graphin
- **Description**: Graphin 取名意为 Graph Insight（图的分析洞察），是一个基于 G6 封装的 React 组件库。简单，高效，开箱即用。它的 Logo 是一个石墨烯（Graphene），意为蕴藏未来的潜力
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: v3
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 69
- **Forks**: 22
- **Created**: 2019-11-17
- **Last Updated**: 2025-09-04

## Categories & Tags

**Categories**: charting-components

**Tags**: None

## README

<img src="https://gw.alipayobjects.com/zos/antfincdn/R8sN%24GNdh6/language.svg" width="18"> [English](./README.en-US.md) | 简体中文

<p align="center">
  <a href="https://github.com/antvis/graphin">
    <img width="150" src="https://gw.alipayobjects.com/zos/antfincdn/0b4HzOcEJY/Graphin.svg">
  </a>
</p>

<h1 align="center">Graphin</h1>

<div align="center">

A lightweight React toolkit for graph analysis based on [G6](https://github.com/antvis/G6).

[![Version](https://img.shields.io/npm/v/@antv/graphin)](https://www.npmjs.com/@antv/graphin)
[![NPM downloads](http://img.shields.io/npm/dm/@antv/graphin.svg)](http://npmjs.com/@antv/graphin)
![Latest commit](https://badgen.net/github/last-commit/antvis/graphin)

</div>

Graphin 取名意为 Graph Insight（图的分析洞察），是一个基于 G6 封装的 React 组件库。简单，高效，开箱即用。

Graphin 的技术基础是 G6 + React，根据集成到项目中的深度不同，提供了 Graphin 和 GISDK。

- [Graphin](https://github.com/antvis/Graphin/tree/v3/packages/graphin) 可以视为一个画布组件，适用于图可视化场景。
- [GISDK](https://github.com/antvis/Graphin/tree/v3/packages/gi-sdk) 能通过配置+资产的方式渲染出完整的图可视化分析模块，适用于图分析场景。

下图展示了 Graphin 和 GISDK 之间的关系：

![Architecture](https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uQpMTqLbdX4AAAAAAAAAAAAADmJ7AQ/original)

## 📮 贡献

- **问题反馈**：使用过程遇到的 `graphin` 的问题，欢迎提交 Issue，并附上可以复现问题的最小案例代码。
- **贡献指南**：如何参与到 `graphin` 的[开发和贡献](./CONTRIBUTING.md)。
- **想法讨论**：在 GitHub Discussion 上或者钉钉群里面讨论。

<div>
  <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*CQoGSoFBzaUAAAAAAAAAAAAADmJ7AQ/fmt.webp" height="256" />
  <img src="https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*yXJGSY8RC68AAAAAAAAAAAAADmJ7AQ/fmt.webp" height="256" />
</div>

## 📄 License

[MIT](./LICENSE).