
思维星球图谱可视化工具

2025.03.03
0
JavaScript知识图谱可视化数据交互开发效率
mcp-memory-viewer 是一个思维星球图谱可视化工具,主要用于可视化由 MCP Knowledge Graph Memory Server 生成的 json lines 文件。该工具提供了数据可视化、搜索功能、节点详情展示以及暗色主题等功能,适用于知识图谱的可视化展示和交互。
View on GitHub
Overview
基本能力
产品定位
mcp-memory-viewer 是一个用于可视化知识图谱的工具,特别适用于展示和交互由 MCP Knowledge Graph Memory Server 生成的数据。
核心功能
- 数据可视化
- 基于D3.js实现的力导向图布局
- 节点和关系的可视化展示
- 支持节点拖拽和画布缩放
-
自动适应窗口大小
-
搜索功能
- 实时搜索节点
- 支持节点名称、类型和观察记录的多字段匹配
- 搜索结果预览和快速定位
-
节点高亮显示
-
节点详情
- 侧边栏展示节点详细信息
- 显示相关观察记录
-
高亮相关连接
-
暗色主题
- 精心设计的深色界面
- 柔和的配色方案
- 良好的可读性
适用场景
- 知识图谱的可视化展示
- 数据分析和交互式探索
- 教育和研究中的知识展示
工具列表
- D3.js: 用于数据可视化的JavaScript库
- Python HTTP Server: 用于本地运行项目的简易服务器
常见问题解答
- 浏览器兼容性: 推荐使用 Chrome,也支持 Firefox、Safari 和 Edge。
- 数据格式: 支持 JSON Lines 格式的数据文件,包含实体和关系两种类型。
使用教程
使用依赖
- 需要安装 Git 和 Python(用于本地服务器)。
安装教程
- 克隆仓库
git clone https://github.com/yourusername/mind-sphere-graph.git
cd mind-sphere-graph
- 打开项目
- 使用浏览器直接打开
index.html
文件 - 或者使用本地服务器运行项目,例如:
python -m http.server 8000
然后访问 http://localhost:8000
调试方式
- 数据导入
- 点击"上传JSON文件"按钮
- 选择符合格式的JSON Lines文件
-
等待数据加载和图谱生成
-
图谱交互
- 拖拽节点调整位置
- 使用鼠标滚轮或触控板进行缩放
- 点击节点查看详细信息
-
拖动画布调整视角
-
搜索功能
- 在顶部搜索框输入关键词
- 实时显示匹配的节点列表
- 点击搜索结果定位到目标节点
- 按Enter键快速定位当前选中节点