Free is not a trial. relation-graph is a long-term commitment to open, production-capable graph infrastructure you can extend and ship.
relation-graph is an MIT-licensed open-source graph component library for React, Vue 3, Vue 2, Svelte, and HTML/Web Components, built for professional graph display and graph editing applications.
Individual developers and enterprise teams can both use relation-graph for free long term and integrate it directly into production systems.
Scenarios are grouped by real-world usage so you can quickly find relevant relation-graph examples. Hover a category on the left to inspect descriptions and thumbnails on the right.
This category focuses on production, trade, and circulation relationships across multi-party networks. - Map suppliers, channels, warehouses, and partner dependencies. - Present hierarchy, grouping, and map-linked operational context. - Support analysis of chain structure and collaboration paths.
relation-graph is not only a reliable graph viewer/editor component, but also a capability foundation for delivering production-grade graph applications quickly and effectively.
This example shows relation-graph's native support for multiple layouts. The graph moves smoothly between them, so data is not merely placed on screen, but presented in a richer, more vivid, and more expressive way.
relation-graph.com provides rich and structured open knowledge content, from usage documentation that details configuration, data, APIs, and events, to architecture documentation that explains the component internals, plus 70+ free examples. LLMs can directly access example source code and technical write-ups from example URLs. These open pages are SSR and directly indexable by search engines.
Search https://relation-graph.com/docs for relation-graph usage. Then refer to https://relation-graph.com/examples/basic-custom-node-and-minimap?lang=react (set the lang parameter according to your actual stack) and ask: Help me implement this feature: <your specific requirement>. Search engines can directly retrieve these docs and source code from public examples.
"RG-Dev Skill" and "RG-Expert KB" are not only technical knowledge assets. They also package years of domain and delivery experience accumulated by the development team into distilled, LLM-ready content.
"Master every relation-graph capability and become the most precise technical executor."
"Beyond code generation, it outputs domain know-how and derives best-fit solutions for complex business scenarios."
| Dimension | RG-Dev Skill (Development Assistant) | RG-Expert KB (Expert Knowledge Base) |
|---|---|---|
| Knowledge breadth | 30+ common technical scenarios | 200+ deep professional application patterns |
| Problem-solving logic | Execution guidance (How) | Solution decision-making (Know-how) |
| Complexity support | Standard relationship graphs and data flows | Industrial-grade canvas apps, AI workflows, complex editors |
| Evolution mechanism | Passive updates per release | Active high-frequency optimization from field practice |
| Architecture support | Focused on the current graph-app scenario | On-demand best-practice patterns from extensive professional scenario libraries, directly applicable to your current graph application. |
A graph-drawing agent built on the RG Graph Expert Knowledge Base and hundreds of relation-graph scenario patterns. It generates graph application code that remains AI-iterable, can interact with your own system code, and supports every frontend stack; RG GraphPilot better understands scenarios, data, and algorithms.
RG GraphPilot is a specialist agent for graph visualization and graph editing, with clear scope and delivery-oriented outputs.
The relation-graph team is specialized in relationship-data analysis and visualization. We have supported close to one hundred enterprise users and helped them roll out graph applications into their own systems in an orderly and efficient way, building strong trust over time. We also know a practical truth: even when a component is easy to use, well-documented, and rich in examples, that alone is still not enough for every delivery challenge. That is why we provide human technical support services, using our expertise to help enterprise users land faster and spend more time on higher-value work.
Support integration, rollout, version governance, stable operation, and dedicated needs with services that match real enterprise delivery instead of generic product support.
Provide commercial-use licensing for the RG Graph Expert Knowledge Base across internal AI, RAG, agent, and knowledge-enhancement workflows.
Run the RG GraphPilot drawing agent inside your company or integrate it directly into internal platforms, copilots, engineering consoles, and business software.
