relation-graph

发表于2022-09-29|更新于2026-02-24

|浏览量:

青年人如果有青年人的精神，这精神就是乐观——茅盾

这是一个Vue关系图谱组件，可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱，可提供多种图谱布局，包括树状布局、中心布局、力学布局自动布局等。

git仓库：https://github.com/seeksdream/relation-graph

文档地址：http://relation-graph.com/#/docs/start

在线体验：http://relation-graph.com/#/demo/layout-center

甚至包含在线配置工具

十分强大

相关推荐

美丽庄严强大，这里有活跃的人生。——王统照 HeroUI：打造漂亮、极速、现代化的 React UI 库体验在构建现代 Web 应用时，组件库绝对是开发者生产力的“加速器”。如果你正在寻找一个美观、性能卓越、易用且现代化的 React UI 组件库，HeroUI（原 NextUI）绝对值得你深入了解和体验！项目简介HeroUI 是一个专为 React 打造的现代 UI 组件库，主打“Beautiful, fast and modern”。它极致美观、响应迅速，拥有丰富的组件体系和高度的可定制性，适合构建各种风格的前端项目。仓库地址：heroui-inc/heroui 官网：https://heroui.com 主要语言：TypeScript Star 数：26,383+ Fork 数：1,933+ 标签：component-library components library reactjs 许可协议：MIT 为什么选择 HeroUI？高颜值设计：官方主打“Beautiful”，所有组件设计风格简洁、时尚，适合各种现代 Web 应用。极致性能：底层优...

生活最沉重的负担不是工作，而是无聊。——罗曼·罗兰首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API 然后是代码： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <style> .drop-container{ width: 200px; height: 200px; border: 1px solid red; background: #eee; } .drag-ball{ w...

光景不待人，须叟发成丝。——李白 LikeC4：把软件架构“写成代码”，让图永远跟着真相走软件架构图经常有一个痛点：画完就过时。新服务上线、依赖变更、部署策略调整，图不更新，团队就错用信息。LikeC4 的思路是“Architecture as Code”——把架构作为模型编写，用工具从模型自动��成“永远最新”的可视化图；并提供 CLI、VS Code 扩展、在线 Playground、模板仓库等配套，让你在本地与云端都能轻松协作与演进。仓库主页：likec4/likec4 官网与文档：likec4.dev · Playground：playground.likec4.dev · Demo：template.likec4.dev/view/index VS Code 扩展与安装量：Marketplace · Open VSX 许可证：MIT License 项目一句话：Visualize, collaborate on, and evolve your software architecture with always up-to-dat...

请给我勇气和欢愉，我要攀登这一天的顶峰。——博尔赫斯 vercel可以快速开发前端网站然后一键部署网址：https://vercel.com/ 进来后我们登陆了可以看到控制台，创建一个应用我这里选择一个nuxt.js的模板，点击create 我们的代码就已经自动clone到我们的github仓库中了此时开始了自动部署在一阵烟花特效后，点击Go to Dashboard可以回到控制台进入我们的应用点击visit即可访问完成

文本精准对齐

即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生偏移，影响对齐。最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。原理解析 position: absolute 确定参考点文本相对于 position: relative 的父元素进行绝对定位。 left: 50%; top: 50% 让文本的左上角位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中向左移动自身宽度 50% (t...

世界在音乐中得到了完整的再现和表达。它是各种艺术当中第一位的，帝王式的艺术，能够成为音乐那样，则是一切艺术的目的。——叔本华继续还是js中Array的方法这次说的方法是from：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/from 这个方法简单应用如下： 12345console.log(Array.from('foo'));// expected output: Array ["f", "o", "o"]console.log(Array.from([1, 2, 3], x => x + x));// expected output: Array [2, 4, 6] 我这里写个稍微复杂点的例子，随机生成文件名并排序 1[...new Set(Array.from(Array(200).fill('文件'),x=>x+String(...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中