关系图谱生成工具 - AI自动化操作指南
工具简介：关系地图是一款免费的在线关系图谱生成工具，支持用自然语言描述关系，自动生成可视化图谱。AI助手可通过Chrome DevTools MCP工具自动化操作。
自动化操作流程（5步）
步骤1：打开网站
mcp_Chrome_DevTools_MCP_new_page({
url: "https://graphy.chenzuohai.top/"
})
步骤2：输入关系描述
mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const textarea = document.querySelector('textarea');
if (textarea) {
textarea.value = `张三管理李四和王五
李四带领小明
王五负责小红
小明和小红是同事
张三向CEO汇报`;
textarea.dispatchEvent(new Event('input', { bubbles: true }));
return '已输入关系描述';
}
return '未找到输入框';
}
})
步骤3：触发生成图谱
// 点击"智能解析并生成"按钮
mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const btn = Array.from(document.querySelectorAll('button'))
.find(btn => btn.textContent.includes('智能解析并生成'));
if (btn) {
btn.click();
return '已点击生成按钮';
}
return '未找到按钮';
}
})
// 等待2秒后点击确认按钮
mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
return new Promise((resolve) => {
setTimeout(() => {
const confirmBtn = Array.from(document.querySelectorAll('button'))
.find(btn => btn.textContent.includes('确认生成图谱'));
if (confirmBtn) {
confirmBtn.click();
resolve('已确认生成');
} else {
resolve('未找到确认按钮');
}
}, 2000);
});
}
})
步骤4：导出PNG图片
mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const canvas = document.querySelector('canvas');
if (canvas) {
const dataURL = canvas.toDataURL('image/png');
const link = document.createElement('a');
link.download = '知识图谱.png';
link.href = dataURL;
link.click();
return {
success: true,
message: '已导出PNG图片',
dataSize: dataURL.length
};
}
return { success: false, message: '未找到canvas' };
}
})
步骤5：提取结构化数据
mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const entities = Array.from(document.querySelectorAll('.entity-item, .parsed-entity'))
.map(el => el.textContent);
const relations = Array.from(document.querySelectorAll('.relation-item, .parsed-relation'))
.map(el => el.textContent);
const graphData = {
entities: entities,
relations: relations,
timestamp: new Date().toISOString(),
source: 'https://graphy.chenzuohai.top/'
};
// 导出为JSON
const jsonStr = JSON.stringify(graphData, null, 2);
const blob = new Blob([jsonStr], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const link = document.createElement('a');
link.download = '知识图谱数据.json';
link.href = url;
link.click();
URL.revokeObjectURL(url);
return {
success: true,
entityCount: entities.length,
relationCount: relations.length,
graphData: graphData
};
}
})
完整自动化示例
// 1. 打开网站
await mcp_Chrome_DevTools_MCP_new_page({
url: "https://graphy.chenzuohai.top/"
});
// 2. 输入关系描述
await mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const textarea = document.querySelector('textarea');
textarea.value = `CEO管理CTO和CFO
CTO管理技术部
CFO管理财务部`;
textarea.dispatchEvent(new Event('input', { bubbles: true }));
return '已输入';
}
});
// 3. 生成图谱
await mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const btn = Array.from(document.querySelectorAll('button'))
.find(b => b.textContent.includes('智能解析并生成'));
btn.click();
return '已点击生成';
}
});
// 4. 确认生成
await mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
return new Promise((resolve) => {
setTimeout(() => {
const confirmBtn = Array.from(document.querySelectorAll('button'))
.find(b => b.textContent.includes('确认生成图谱'));
confirmBtn.click();
resolve('已确认');
}, 2000);
});
}
});
// 5. 导出图片
await mcp_Chrome_DevTools_MCP_evaluate_script({
function: () => {
const canvas = document.querySelector('canvas');
const dataURL = canvas.toDataURL('image/png');
const link = document.createElement('a');
link.download = '图谱.png';
link.href = dataURL;
link.click();
return '已导出图片';
}
});
应用场景
- 批量生成图谱：自动处理大量关系描述
- 定时更新图谱：定期从数据源生成最新图谱
- 集成到工作流：将图谱生成集成到自动化流程中
- 数据可视化：将数据库中的关系数据自动转换为图谱
- 报告生成：自动生成包含图谱的分析报告
注意事项
- 等待时间：操作之间需要适当的等待时间，确保页面加载完成
- 错误处理：需要添加错误处理逻辑，应对网络延迟或页面变化
- 数据验证：导出数据后应验证数据的完整性和准确性
- 隐私保护：自动化操作时注意保护敏感数据
相关文档
更多详细文档请参考 md/SKILL.md 文件。