丰富的布局与动态切换，让关系数据更生动地被看见
这个示例展示了 relation-graph 对多种布局方式的原生支持。图像在不同布局之间流畅切换，不只是把数据“摆出来”，而是以更丰富、更生动、更有节奏感的方式把关系数据呈现出来。
图谱演示加载中
relation-graph 图展示 & 图编辑
MIT 开源 + 商业可用
免费不是试用，而是长期承诺。relation-graph 始终提供可商用、可二次开发、可持续演进的开源关系图底座。
- 核心能力长期免费使用
- MIT 协议，源代码开放
- 可直接用于商业项目
即使是免费用户，relation-graph.com 也持续提供以下支持：
开源属性 / MIT Open Source
永久免费使用
relation-graph 是一个基于 MIT 协议的开源关系图组件库，支持 React、Vue3、Vue2、Svelte 与 HTML/WebComponent，可用于构建专业的“图展示 / 图编辑”应用。
无论你是个人开发者还是企业团队，都可以长期免费使用 relation-graph，并将其集成到真实业务系统中。
- 永久免费使用：不设产品功能门槛，不限制项目阶段。
- MIT 源代码开放：可查看、学习、二次开发并自主集成。
- 支持商业项目：可直接用于企业产品、内部系统与对外服务。
为什么选择relation-graph
- 完整覆盖图展示与图编辑:relation-graph 功能完整覆盖“图展示与图编辑”，整体能力成熟且灵活，不只是适合做展示型图谱，也适合构建真正可交互、可编辑的图形应用。
- 原生支持多前端框架且保持一致性:原生支持 React、Vue、Svelte 与 WebComponent，从视觉体验，到数据结构、交互逻辑与技术概念，都保持强大的全平台一致性，这来自 relation-graph 合理且稳定的技术架构。
- 丰富示例与文档持续演进:拥有丰富的、持续演进的在线示例与文档，可以有效降低学习成本；再结合 AI 使用，能让使用者更轻松地把很多“天马行空”的创意快速落到代码里。
- 天然适合与 LLM 和知识库结合:清晰的架构和使用方法本身就非常适合 LLM 理解；如果需要更强的企业内部 AI 效果，还可以购买官方知识库授权来与 AI 深度融合。
- 100% MIT 开源带来可控技术风险:relation-graph 基于 MIT 协议开源，从自身到依赖都保持 100% 开源可控，这意味着技术风险更透明、可评估，也更适合企业长期使用与集成。
开箱即用的场景化代码示例
RG Template Vault
这里按使用场景聚合 relation-graph 示例，帮助你快速定位业务可落地的图应用方案。悬浮左侧分组，即可查看每类场景的示例缩略图与说明。
从“数据呈现”到“复杂的图数据管理”
relation-graph 不仅是可靠的图展示/图编辑组件，更是一套能够支撑您的业务快速且完美落地的图应用能力底座。
relation-graph AI SKILL/知识库
免费知识库：可供LLM读取的知识内容
relation-graph.com 提供了丰富且结构化的开放知识内容：从覆盖各种配置 / 数据 / 接口 / 事件细节的 使用说明文档 ，到关于组件技术实现机制的 架构说明 ，再到多达 70+ 的免费示例。LLM 可以直接通过示例地址获取示例源码和技术说明文章，这些开放内容均为 SSR 网页，便于搜索引擎抓取与理解。
使用方法：发送以下内容给大模型
请联网搜索https://relation-graph.com/docs获取relation-graph的用法，请参考示例https://relation-graph.com/examples/basic-custom-node-and-minimap?lang=react（这里根据你的实际情况设置lang参数）帮我实现这样一个功能：<您的具体需求>。搜索引擎可以直接获取这些文档和公开示例的源代码。
专业知识库:《RG-Dev Skill》与《RG-Expert KB》
《RG-Dev Skill》与《RG-Expert KB》不仅包含技术知识，还沉淀了开发团队多年积累的行业专业经验，并将这些经验提炼为面向 LLM 使用的精华内容。
RG-Dev Skill
RG 开发助手（RG-Dev Skill）
“掌握 relation-graph 的每一项底层特性，是您最精准的技术执行官。”
- 30+ 普通图应用场景识别模式
- 深度理解组件全特性，提供精准代码方案
- 随组件重大版本更新，确保持续可用性
RG-Expert KB
RG 图谱专家知识库（RG-Expert KB）
“不仅是代码生成，更是行业 Know-how 的输出。为复杂业务场景推演最优解。”
- 包含 Dev Skill 所有技术底座能力
- 200+ 专业图应用场景识别模式
- 支持 工业级画布/AI 编辑器 等超复杂场景
- 高频优化更新：同步 relation-graph 最新实战经验
核心差异化对比
| 维度 | RG-Dev Skill（开发助手） | RG-Expert KB（专家知识库） |
|---|---|---|
| 知识广度 | 30+ 通用技术场景 | 200+ 深度专业应用模式 |
| 解决逻辑 | 技术指令执行（How） | 业务方案决策（Know-how） |
| 复杂度支持 | 标准关系图、数据流应用 | 工业级画布、AI 工作流、复杂编辑器 |
| 进化机制 | 随版本被动更新 | 随实战经验高频主动优化 |
| 架构支持 | 专注于当前场景的图应用 | 随时根据您的需求从诸多专业场景库中调取‘最佳实践’经验并应用于当前图应用中。 |
RG GraphPilot
一个基于 RG 图谱专家知识库和 relation-graph 几百个应用场景经验构建的绘图智能体，可生成可持续供 AI 迭代、可与自己系统中的代码交互、支持所有前端框架的图形应用代码；RG GraphPilot更懂场景、懂数据、懂算法
- 生成结果可继续被 AI 理解、修改和迭代
- 生成代码可与自己系统中的现有代码交互和集成
- 支持 Vue2、Vue3、React、Svelte 与原生 HTML 等前端框架
- RG GraphPilot 懂场景：能够根据你描述的需求和数据，找到最合适的展示 / 编辑方式
- RG GraphPilot 懂算法：它精通几十种专业的图布局算法（中心 / force / 各种树布局 / 工作流 / 面积图等等）和图操作算法（最短路径 / 数据流转 / 分组 / 撤销与重做 / 拖拽创建链接等等）
专注图应用，不做泛化空转
RG GraphPilot 是为“图展示 / 图编辑”而生的专业智能体，目标明确、边界清晰、产出可落地。
- RG GraphPilot 不是全能 AI 工具，而是专门解决“图展示 / 图编辑”具体问题的智能体。
- RG GraphPilot 的工作本质是编写代码，为你构筑可持续迭代的交互式代码。
- RG GraphPilot 采用积分消耗方式计费，不会让你承担长期订阅负担。
企业服务
企业图应用落地服务与AI能力授权
relation-graph 团队是专业的关系数据分析、关系数据可视化团队。过去我们已为近百家企业用户提供技术支持，配合企业有序、快速地将图应用落地到自身系统，建立了深厚的信任关系。我们深知：作为一个技术组件，即使很易用、文档足够详细、示例足够全面，依然不足以让用户应对一切挑战。因此我们持续提供人工技术支持服务，以专业能力帮助企业用户更快落地自己的应用，把更多时间投入到更有价值的工作中。
实施支持与长期服务
围绕集成、上线、版本治理、稳定运行和专项需求，提供更贴近真实项目推进节奏的企业服务。
RG 图谱专家知识库商业授权
提供 RG 图谱专家知识库的商业用途授权，可用于企业内部 AI、RAG、Agent 和知识增强工作流。
RG GraphPilot 私有化接入
把 RG GraphPilot 这个绘图智能体部署到自己公司内部使用，或直接集成进内部平台、Copilot、研发后台和业务系统。