思维星球图谱可视化工具

思维星球图谱可视化工具

site icon
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 生成的数据。

核心功能

  1. 数据可视化
  2. 基于D3.js实现的力导向图布局
  3. 节点和关系的可视化展示
  4. 支持节点拖拽和画布缩放
  5. 自动适应窗口大小

  6. 搜索功能

  7. 实时搜索节点
  8. 支持节点名称、类型和观察记录的多字段匹配
  9. 搜索结果预览和快速定位
  10. 节点高亮显示

  11. 节点详情

  12. 侧边栏展示节点详细信息
  13. 显示相关观察记录
  14. 高亮相关连接

  15. 暗色主题

  16. 精心设计的深色界面
  17. 柔和的配色方案
  18. 良好的可读性

适用场景

  • 知识图谱的可视化展示
  • 数据分析和交互式探索
  • 教育和研究中的知识展示

工具列表

  • D3.js: 用于数据可视化的JavaScript库
  • Python HTTP Server: 用于本地运行项目的简易服务器

常见问题解答

  • 浏览器兼容性: 推荐使用 Chrome,也支持 Firefox、Safari 和 Edge。
  • 数据格式: 支持 JSON Lines 格式的数据文件,包含实体和关系两种类型。

使用教程

使用依赖

  • 需要安装 Git 和 Python(用于本地服务器)。

安装教程

  1. 克隆仓库
git clone https://github.com/yourusername/mind-sphere-graph.git
cd mind-sphere-graph
  1. 打开项目
  2. 使用浏览器直接打开 index.html 文件
  3. 或者使用本地服务器运行项目,例如:
python -m http.server 8000

然后访问 http://localhost:8000

调试方式

  1. 数据导入
  2. 点击"上传JSON文件"按钮
  3. 选择符合格式的JSON Lines文件
  4. 等待数据加载和图谱生成

  5. 图谱交互

  6. 拖拽节点调整位置
  7. 使用鼠标滚轮或触控板进行缩放
  8. 点击节点查看详细信息
  9. 拖动画布调整视角

  10. 搜索功能

  11. 在顶部搜索框输入关键词
  12. 实时显示匹配的节点列表
  13. 点击搜索结果定位到目标节点
  14. 按Enter键快速定位当前选中节点

许可证

该项目遵循 MIT 开源许可条款,请参阅 MIT 了解完整条款。