Using LLM to Generate Data for D3.js Force Directed Graph (FDG)
a year ago
- #Force-Directed Graph
- #D3.js
- #LLM
- D3.js力导向图可可视化节点（实体）与连线（关系）之间的关联
- 节点代表实体（如人物、对象），连线显示实体间的连接关系
- 谷歌Gemini模型能根据提示语自动生成节点和连线数据
- 通过npm安装GoogleGenerativeAI包即可使用Gemini
- 使用D3.js CDN可轻松实现前端项目集成
- `load_force_directed_graph`函数支持自定义尺寸渲染关系图
- 节点和连线数据通过后端API调用Gemini根据提示生成
- 示例提示语：'识别以下概念间关系'，如输入'肺癌'、'烟草'等关键词
- 后端会解析Gemini响应数据并提取节点与连线信息
- 该项目已开源在GitHub，支持在线体验实际效果