🌳 技能树 · 因果桥
🐞 调试
➕ 添加技能
🌀 力导向
🎛️ 布局参数
📋 左面板
📝 右面板
📂 全部展开
📁 全部折叠
🎯 居中显示
⬇ 导出 JSON
⬆ 导入 JSON
🔄 重置
🗑 清空
◀
▶
提示
:🟡 概括节点(小菱形/琥珀金)· 🔶 因 / 🟣 中间 / 🔷 果 ·
父节点带 ▼/▶ 可折叠子需求
(如「投资理财」→ 股票/基金/房产/加密/现金)· 边=技能·工具·平台·书籍·视频课(桥梁)·
概括→子需求 虚线
为结构关系 · 默认
🌀 力导向
布局(节点按连接强度自然聚类)· 拖拽节点 · 滚轮缩放 · 顶部可全部展开/折叠
➕ 添加新技能(桥梁)
用法:
每个技能是一条从"因"到"果"的桥梁。
例:
做网页
这个技能,把
展示产品需求
(因)变成
展示产品的网页
(果)。
技能名(必填)
桥梁类型
🎯 技能(能力)
🛠 工具/软件(如 Figma / Cursor / Photoshop)
🌐 网站/平台(如 抖音 / 小红书 / 知乎)
📚 书籍(如 《影响力》/《刻意练习》)
🎬 视频课(如 可汗学院 / Coursera / B站教程)
难度(1-5)
1 · 入门
2 · 简单
3 · 中等
4 · 难
5 · 专家
从:起点节点(需求/问题/上游产物)
输入新词时,按下方"起点类型"决定创建哪种节点
起点节点类型(新词时生效)
🔶 因(纯起点)
🟣 中间(既是因也是果)
到:终点节点(产出/结果/下游起点)
输入新词时,按下方"终点类型"决定创建哪种节点
终点节点类型(新词时生效)
🔷 果(纯终点)
🟣 中间(既是果也是因)
备注(可选)
取消
💾 保存技能
📏 调整力导向布局参数
说明
:
•
节点排斥力
(nodeRepulsion)越大 → 节点距离越远
•
理想边长
(idealEdgeLength)越大 → 边越长、图越稀疏
•
防重叠权重
(nodeOverlap)越大 → 节点强制不重叠越强
•
重力
(gravity)越大 → 节点越向中心靠拢
调好后点"应用"重新跑布局
节点排斥力(1000-20000)
4500
理想边长(30-200 px)
70
防重叠权重(0-50)
10
重力(0-1)
0.05
取消
↩ 默认
🎯 应用
保存成功
🎛️ 力导向布局参数调优
✖
节点斥力 (nodeRepulsion)
15000
理想边长 (idealEdgeLength)
150
边弹性 (edgeElasticity)
0.1
向心引力 (gravity)
0.001
防重叠权重 (nodeOverlap)
8000
节点间距 (nodeSeparation)
150
簇间距 (componentSpacing)
200
重新应用布局 (重排)