专栏名称: 顶层架构领域

专注核心架构领域知识、经典干货总结、技术领域趋势跟踪，以通俗易懂的方式传播——复杂的事简单化

目录

相关文章推荐

常观 · 常州人「玩的真花」🤫 · 昨天

常观 · 常州人「玩的真花」🤫 · 昨天

阜阳新闻网 · 在阜阳，“郁”见春天！ · 昨天

阜阳新闻网 · 在阜阳，“郁”见春天！ · 昨天

色影无忌 · 富士市场策略：避开全画幅市场，聚焦年轻用户与 ... · 3 天前

旅拍誌 · 分享一组喜欢的照片 · 3 天前

德州日报 · 今日春分：芳菲万里，万物可期 · 3 天前

德州日报 · 今日春分：芳菲万里，万物可期 · 3 天前

51好读 › 专栏 › 顶层架构领域

relation-graph 一个超赞开源Web应用嵌入关系图谱组件库

顶层架构领域 · 公众号 · · 2024-08-28 12:00

正文

点击上方蓝色 “ 顶层架构领域 ”，关注精彩与你分享

relation-graph 是一个开源的关系图谱组件库，主要用于在前端展示组织结构图、股权架构图、集团关系图等知识图谱。它支持 Vue 2、Vue 3 和 React 等多个主流前端框架，提供了丰富的 API 接口和自定义功能，使得开发者能够轻松地在 Web 应用中嵌入和实现关系图的展示和交互功能。

一、主要特性

多框架支持：适用于 Vue 2、Vue 3 和 React，满足不同项目的需求。

高度自定义：支持使用 HTML 元素、Vue 组件或 React 组件来自定义图形元素。

丰富的 API ：提供丰富的 API 接口，便于开发交互式图形应用。

图形编辑 UI 组件：提供编辑组件，快速构建工作流编辑器、脑图编辑器等应用。

画板功能：支持作为画板使用，放置任意内容，并通过元素连线创建动态交互。

技术架构：基于 HTML5 Canvas 或 SVG 渲染图形，保证了高性能和跨浏览器兼容性。

如下提供些图谱供参考：

二、安装与使用

通过 npm 包管理器进行安装，如下所示：

npm install --save relation-graph

对于 Vue 3 或 React 项目，则分别安装对应包：

npm install

请到「今天看啥」查看全文

推荐文章

常观 · 常州人「玩的真花」🤫

昨天

常观 · 常州人「玩的真花」🤫

昨天

阜阳新闻网 · 在阜阳，“郁”见春天！

昨天

阜阳新闻网 · 在阜阳，“郁”见春天！

昨天

色影无忌 · 富士市场策略：避开全画幅市场，聚焦年轻用户与技术创新

3 天前

旅拍誌 · 分享一组喜欢的照片

3 天前

德州日报 · 今日春分：芳菲万里，万物可期

3 天前

德州日报 · 今日春分：芳菲万里，万物可期

3 天前

生态梦网 · 中新双方共同筹划2018年生态城开工建设十周年纪念活动

8 年前

外滩TheBund · 躲进这家江户范的酒店，和日本最会玩的人聊聊天

7 年前

防骗大数据 · 揭秘 | “善心汇”伪慈善骗局追踪：海口市工商局已全面介入调查！

7 年前

经济学家圈 · 洪永淼：中国经济学将会如何演变?

7 年前

跟大厨学做菜 · 夫妻有一人是这个生肖，子女不会丑，三代有福禄

7 年前

Sov5搜索 · 小百科 · 今天看啥 · 移动版

51好读 - 好文章就要读起来!