relation-graph
发表于|更新于
|浏览量:
青年人如果有青年人的精神,这精神就是乐观——茅盾
这是一个Vue关系图谱组件,可以展示如组织机构图谱、股权架构图谱、集团关系图谱等知识图谱,可提供多种图谱布局,包括树状布局、中心布局、力学布局自动布局等。
git仓库:https://github.com/seeksdream/relation-graph
文档地址:http://relation-graph.com/#/docs/start
在线体验:http://relation-graph.com/#/demo/layout-center

甚至包含在线配置工具

十分强大
相关推荐
2021-09-30
uView
穷且益坚,不坠青云之志。——王勃 分享一个最近开发中使用的前端UI组件库:uView 它里面的组件基本都是拿来即用 按照官方文档进行安装、配置即可
2025-09-16
echarts-for-react
话可以收回,但人生不可能这样。——席勒 https://github.com/hustcc/echarts-for-react echarts-for-react:React 下的 Apache ECharts 超简封装体验在数据可视化的世界里,Apache ECharts 以其强大、灵活和极致的交互性能,在前端圈中久负盛名。但对于 React 开发者来说,如何优雅、便捷地在 React 项目中集成 ECharts,一直是个高频需求。今天就来深度体验一把——echarts-for-react,一个极简的 ECharts React 封装库。 项目简介echarts-for-react 是由 hustcc 大佬维护的 React 封装组件,让你能在 React 应用中“丝滑”地使用 Apache ECharts。 仓库地址:hustcc/echarts-for-react 官网:https://git.hust.cc/echarts-for-react 主要语言:TypeScript Star 数:4834+ Fork 数:655+ 关键标签:echarts re...
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光,一句由衷的话语,能使人忍受生活给他的许多磨难。——高尔基 官方文档:three.js manual 源代码从这里改进: GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改,首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2024-07-07
css的透视效果perspective
有两件事我最憎恶:没有信仰的博才多学和充满信仰的愚昧无知。——爱默生 我们知道css中我们的transform可以调整z轴,这说明css是有3d能力的 但是我们通常看一个3d的物体,是近的地方大,远的地方小甚至被遮挡,要实现这样的透视效果其实只需要一个css属性即可 https://developer.mozilla.org/zh-CN/docs/Web/CSS/perspective 就比如这个正方体: .face { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; backface-visibility: inherit; font-size: 60px; color: #fff } .front { background: rgba(90,90,90,.7); transform: translateZ(50px)...
2022-03-17
vue scroll事件失效
那些听不见音乐的人认为那些跳舞的人疯了。——尼采。 这个坑,我遇到的时候,百度要么告诉我加高度,要么告诉我用document或者ref去获取节点 可我只想用@scroll事件,于是我在到处加@scroll,在组件上加@scroll.native,在组件里的div上加,在slot中加,然后又给它们挨个加高度,没一个好使,搞的我很头大 后面我突然发现,我给加的,好像并不是实际滚动的地方,那我明白了,首先我给引用组件放入slot中的div指定了样式: 1234.allow-scroll { height: 80vh; overflow-y: scroll;} 然后再给它绑定事件@scroll,此处如果该div下的元素高度超出了80vh,则会触发事件。。。这坑踩的,就离谱
2025-05-31
remix
精诚所加,金石为开。——《后汉书·光武十王列传》 https://remix.run/ https://github.com/remix-run/remix Remix:现代化的全栈 Web 框架随着 Web 开发技术的不断演进,开发者对框架的要求不仅局限于前端性能的优化,还包括后端数据处理、SEO 支持以及高效的开发体验。为了解决这些需求,Remix 应运而生。 Remix 是一个现代化的全栈 Web 框架,专注于提供最佳的开发者体验和用户体验。它以渐进增强的理念为核心,帮助开发者构建快速、可交互性强、并且易于扩展的 Web 应用。 什么是 Remix?Remix 是一个开源的全栈 Web 框架,致力于优化应用的性能和开发体验。它允许开发者同时处理客户端和服务端逻辑,使得应用的交互性和性能达到最佳状态。 Remix 的核心优势包括: 服务端渲染(SSR):通过服务端渲染提高初次加载速度和 SEO 表现。 渐进增强:支持现代浏览器功能,同时为低性能设备提供良好体验。 路由驱动开发:基于文件系统的路由,让开发者专注于功能实现。 数据加载优化:支持服务端数据加载和缓存机制,减...

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