知识思维导图

基于 D3.js 的知识思维导图可视化展示，数据实时从数据库加载。

知识思维导图

正在加载思维导图...

节点详情

使用说明

功能特性

• 📊 实时数据 - 从数据库实时加载知识节点
• 🎨 可视化展示 - 使用力导向图展示知识结构
• 🔍 缩放平移 - 支持缩放和平移操作
• 📝 节点详情 - 点击节点查看详细信息
• 🎯 拖拽交互 - 可以拖拽节点调整位置

操作指南

1. 查看思维导图

   • 页面加载时自动从数据库获取数据
   • 不同颜色的节点代表不同的知识分类

2. 交互操作

   • 点击节点 - 查看节点详细信息
   • 拖拽节点 - 调整节点位置
   • 滚轮缩放 - 放大缩小视图
   • 拖动空白处 - 平移视图

3. 控制按钮

   • 🔄 刷新 - 重新加载数据
   • 🔍+ 放大 - 放大视图
   • 🔍- 缩小 - 缩小视图
   • ⛶ 重置 - 重置视图到初始状态

数据来源

思维导图数据来自后端 API：GET /mindmap

数据从数据库的 knowledge_nodes 表中读取，支持树形结构展示。