用D3.js让知识图谱「活」起来

纸上画的知识图谱很好，但有一个问题：它是死的。

你看不到节点之间的「引力」，不能点击展开隐藏的关系，不能拖拽重组布局。

这就是为什么我们需要可视化。而在所有可视化工具中，D3.js的力导向图（Force-Directed Graph）是最适合知识图谱的方案。

力导向图模拟了物理学中的力平衡：

• 每条边像一个弹簧，把有关联的节点拉近
• 每个节点互相排斥，防止重叠
• 经过几百次迭代后，图「自动」找到最优布局

这个「自动」非常关键——它意味着你不是在「设计」图谱，而是在「观察」图谱揭示的关系结构。

D3.js是JavaScript最强大的数据可视化库，它不提供预制图表，而是给你一套底层工具，让你自由定义每一个像素的行为。

构建一个D3.js力导向知识图谱，核心步骤只有三步：

• 准备数据（nodes + links JSON）：每个节点有id、group、name；每条连线有source、target、relation
• 创建力模拟（forceSimulation）：配置引力（forceLink）、斥力（forceManyBody）、中心力（forceCenter）
• 绑定DOM（enter-update-exit）：D3的招牌模式——数据变化时自动更新图形

我们的创业知识图谱V1.0已经包含了67个节点 + 150+条关系，可以在浏览器中自由拖拽、缩放、点击查看概念详情。

这是知识库平台的「可视化层」——不是花瓶，是导航系统。

打开一个D3.js力导向图在线示例（推荐observablehq.com上的模板），把你昨天画的5个概念输入进去，看看它们「自动」排列出什么形态。

你可能会惊讶：有些你以为「居中」的概念，在图里被挤到了边缘。