关于 relation-graph
relation-graph 不是一个“只能把点和线画出来”的组件。
它是一套面向真实业务系统的关系数据应用引擎:既能做高质量的数据呈现,也能做复杂的图形编辑与运行时数据编排。
如果你正在构建组织关系、产业链图谱、系统拓扑、流程编辑器、Agent 编排工具、知识图谱平台,或者任何“关系数据 + 交互编辑”的应用,relation-graph 的目标很明确:帮助你更快做出可交付的产品,而不是停留在 Demo 阶段。
relation-graph 到底是什么
relation-graph 是一个支持多前端技术栈的关系图组件体系,覆盖:
- Vue 2 / Vue 3 / React / Svelte / HTML(Web Components)
- 数据可视化展示与图编辑双模式
- 从轻量接入到深度扩展的完整能力路径
它的设计不是“单一图形组件”,而是围绕图应用落地全过程构建:数据模型、布局系统、渲染层、交互事件、编辑控制器、状态管理、实例 API、样式系统、导出能力等一体化协同。
它能为你做什么
1. 把关系数据呈现得专业、清晰、可讲述
你可以使用内置布局快速得到可读结果,也可以接入第三方布局引擎实现更复杂的图结构表达。
通过节点、连线、画布、视图多层插槽与 CSS 定制能力,你可以把同一份关系数据渲染成完全不同的产品形态,而不是被固定皮肤限制。
2. 从“可看”升级到“可编辑”
relation-graph 天生支持编辑场景:
节点与连线创建、端点调整、路径编辑、框选、多选、对齐参考、撤销重做、局部工具栏、右键菜单、运行时控制等能力可以组合成完整编辑器体验。
这意味着你不需要从零搭建一套图编辑底层,就能快速交付流程编排、关系维护、架构设计等核心业务功能。
3. 用运行时 API 驱动业务,而不是被组件反向驱动
relation-graph 提供完整的 graphInstance API 与事件系统,用于增删改查、状态联动、路径分析、视口控制、数据增量更新等。
你可以把它无缝接入你的业务状态机、权限体系、审计流程与后端数据管线,构建真正可维护的工程化图应用。
4. 让“万物可连”成为现实
通过 RGFakeLine 与 RGConnectTarget,连接目标不再局限于标准节点。
你可以连接卡片内部字段、外部 DOM、面板控件、地图标记、任意画布元素,从而做出更贴近真实业务语义的关系表达。
为什么 relation-graph 值得信赖
relation-graph 的价值不只在功能数量,更在落地质量与长期积累:
- 有大量经过实战验证的行业场景沉淀,而非只面向演示环境
- 长期与数千位真实付费用户进行高频问题交流,持续打磨稳定性与可用性
- 为近百家企业用户提供技术支持,配合企业有序、快速地将图应用落地到自身系统
- 形成了文档、示例、能力分层、问题闭环的完整工程化支持体系
这背后体现的是一种能力:不只是“能做出来”,而是“能持续上线、可迭代、可维护”。
现在就开始
- 文档中心:https://relation-graph.com/docs
- 示例中心(200+ 专业示例):https://relation-graph.com/examples
- GitHub:https://github.com/seeksdream/relation-graph
如果你希望构建一套真正可落地、可扩展、可持续演进的关系数据应用,relation-graph 是一条经过验证的路线。