JavaScript is required

从开源关系图组件,到 AI 驱动的图应用能力栈

relation-graph 提供 MIT 开源关系图组件,以及面向 AI 开发、知识增强、场景化应用和企业交付的一整套图能力产品与服务。

Native Support
React
Vue 3
Vue 2
Svelte
HTML

从视觉体验,到数据结构、交互逻辑与技术概念,

relation-graph 都保持惊人的全平台一致性,始终如一。

这体现了relation-graph拥有绝对合理的架构,是可靠的图技术底座---查看架构

结合 AI + RG 图谱专家知识库

你只需编写一次,复杂的图展示 / 图编辑应用 就能轻松适配全平台。

其实跨平台不重要,重要的是relation-graph足够灵巧,结合《RG图谱专家知识库》可以让你通过自然语言‘令出法随’---查看知识库
本网站200+使用场景示例多平台代码都是这样构建的
MIT 开源
LLM 友好
成熟稳定、极致灵活
全平台同构的原生支持
支持SSR
企业级就绪
Graph View
开箱即用的场景化代码模板

RG Template Vault

覆盖 200+ 图应用场景,并提供 7 个 Studio 方向与企业级交付支持。

官方知识资产

图谱专家AI知识库

我们提供可直接用于增强 Codex / Claude Code 的 relation-graph AI 知识库与 Skill,让 AI 在图应用开发任务中更懂需求、更懂数据、更懂实现。

MCP / SKILLS

RG GraphPilot

一个基于 RG 图谱专家知识库和 relation-graph 几百个应用场景经验构建的绘图智能体,可生成可持续供 AI 迭代、可与自己系统中的代码交互、支持所有前端框架的图形应用代码;RG GraphPilot更懂场景、懂数据、懂算法

5 套前端技术栈
提供 React, Vue, Svelte 及原生 HTML 一致的 API 与渲染体验,并支持 SSR。
查看多端架构
200+ 使用场景 + 图展示/图编辑
覆盖从关系图展示到复杂图编辑器的完整应用需求,支持快速参考与复用。
查看示例目录
LLM友好
我们提供可直接用于增强Codex/Claude Code等工具图应用开发能力的AI知识库与Skill
查看知识库与 Skill
提供企业服务
拥有为近百家企业用户提供技术支持,配合企业有序、快速地将图应用落地的服务经验
查看企业服务
install-react.sh
npm
npm install @relation-graph/react

RG Template Vault

这里按使用场景聚合 relation-graph 示例,帮助你快速定位业务可落地的图应用方案。悬浮左侧分组,即可查看每类场景的示例缩略图与说明。

供应链与产业链网络

Supply Chain and Industry Networks · 6 个示例

该分类聚焦生产、流通与协作网络中的多方关系。 - 展示供应商、渠道、仓储与伙伴之间的依赖。 - 结合层级、分组与地图联动进行业务呈现。 - 支持产业链结构与协同路径分析。

从“数据呈现”到“复杂的图数据管理”

relation-graph 不仅是可靠的图展示/图编辑组件,更是一套能够支撑您的业务快速且完美落地的图应用能力底座。

丰富的布局与动态切换,让关系数据更生动地被看见

这个示例展示了 relation-graph 对多种布局方式的原生支持。图像在不同布局之间流畅切换,不只是把数据“摆出来”,而是以更丰富、更生动、更有节奏感的方式把关系数据呈现出来。

图谱演示加载中

relation-graph让 AI 生成更专业的图应用

AI SKILL / KNOWLEDGE BASE

图谱专家AI知识库

我们提供可直接用于增强 Codex / Claude Code 的 relation-graph AI 知识库与 Skill,让 AI 在图应用开发任务中更懂需求、更懂数据、更懂实现。

  • 增强 AI 对 relation-graph API、配置项、布局算法与交互模式的理解能力
  • 支持从需求描述到数据建模、可视化结构设计、代码实现路径的端到端推导
  • 可覆盖复杂布局、复杂交互、工业级画布与 AI 工作流编辑器等高阶图应用场景
  • 帮助生成可持续迭代的代码结构与实施建议,降低试错成本并提升交付效率
无论你是在搭建新图应用,还是重构已有系统,这套知识资产都能显著提升 AI 生成结果的专业度与可落地性。
MCP / ONLINE SERVICES

RG GraphPilot

一个基于 RG 图谱专家知识库和 relation-graph 几百个应用场景经验构建的绘图智能体,可生成可持续供 AI 迭代、可与自己系统中的代码交互、支持所有前端框架的图形应用代码;RG GraphPilot更懂场景、懂数据、懂算法

  • 生成结果可继续被 AI 理解、修改和迭代
  • 生成代码可与自己系统中的现有代码交互和集成
  • 支持 Vue2、Vue3、React、Svelte 与原生 HTML 等前端框架
  • RG GraphPilot 懂场景:能够根据你描述的需求和数据,找到最合适的展示 / 编辑方式
  • RG GraphPilot 懂算法:它精通几十种专业的图布局算法(中心 / force / 各种树布局 / 工作流 / 面积图等等)和图操作算法(最短路径 / 数据流转 / 分组 / 撤销与重做 / 拖拽创建链接等等)

企业服务

relation-graph 团队是专业的关系数据分析、关系数据可视化团队。过去我们已为近百家企业用户提供技术支持,配合企业有序、快速地将图应用落地到自身系统,建立了深厚的信任关系。我们深知:作为一个技术组件,即使很易用、文档足够详细、示例足够全面,依然不足以让用户应对一切挑战。因此我们持续提供人工技术支持服务,以专业能力帮助企业用户更快落地自己的应用,把更多时间投入到更有价值的工作中。

实施与长期企业服务 RG 图谱专家知识库商业授权 RG GraphPilot 私有化部署
Delivery

实施支持与长期服务

围绕集成、上线、版本治理、稳定运行和专项需求,提供更贴近真实项目推进节奏的企业服务。

Licensing

RG 图谱专家知识库商业授权

提供 RG 图谱专家知识库的商业用途授权,可用于企业内部 AI、RAG、Agent 和知识增强工作流。

Private deployment

RG GraphPilot 私有化接入

把 RG GraphPilot 这个绘图智能体部署到自己公司内部使用,或直接集成进内部平台、Copilot、研发后台和业务系统。

常见问题

快速了解开源授权、AI 产品、企业服务与典型使用场景。

relation-graph 是开源的吗?

是。relation-graph 的组件底座仍然保持 MIT 开源,可用于技术验证和商业项目接入。

GraphPilot 和 RG 图谱专家知识库有什么区别?

RG GraphPilot 是基于 RG 图谱专家知识库和 relation-graph 几百个应用场景经验构建的绘图智能体,负责把需求转成可持续供 AI 迭代、可与现有系统代码交互、支持所有前端框架的图形应用代码;它懂场景,能够根据你描述的需求和数据找到最合适的展示 / 编辑方式;它也懂算法,精通几十种专业的图布局算法和图操作算法;RG 图谱专家知识库则是这套能力背后的官方知识资产和私有化授权对象。

RG 图谱专家知识库可以导入内部 AI / RAG 吗?

可以。它就是为内部 AI、RAG、Prompt 和 Agent 工作流准备的官方知识资产。

Enterprise 和知识库授权是什么关系?

企业方案可按合作范围包含知识库商业使用授权;如果只需要知识库授权,也可以单独咨询标准方案。

是否支持图编辑器、画板和复杂交互场景?

支持。relation-graph 可用于图编辑器、画板、自由连线和复杂交互工作台等场景。

如果我是企业团队,应该从哪里开始?

可以先从服务页联系团队,说明部署方式、业务场景和授权需求,我们会给出对应建议。