知识图谱

路由：#/graph · 侧栏入口：知识图谱

当你学了多门课，需要回答「我在哪、还剩多少、课与课之间有什么关系」时，打开知识图谱。它是辅助视图，不挡主学习路径（输入领域 → 选节点 → 对话学习）。

图谱 / 目录双视图

顶栏可切换两种读法：

视图	适合	操作
图谱	看全局关系、缩放探索、感受进度光效	拖动画布、滚轮缩放、单击定位、双击领域进课程
目录	按清单浏览，点开即练	领域卡片 + 模块列表 + 节点芯片

目录视图顶栏固定宣纸色；图谱视图可切换主题。

宣纸 / 星空双主题

顶栏主题按钮显示的是将要切换到的主题。

主题	特点
宣纸（默认）	水墨晕染、墨色印章标记进度，偏工具感
星空	星云光晕、节点星光，偏仪式感

主题偏好保存在浏览器本地，换设备需重新选择。

缩放与 LOD

图谱视图随滚轮缩放自动切换细节层级：

层级	可见内容
全景	仅领域（课程）节点
星座	领域 + 模块节点
节点	全部节点 + 课内推荐路径连线

多门课时，相关领域会相邻排布；父子课程之间有父 → 子有向边，与主题族的弱关联边不同。

进度怎么读

• 进行中：节点橙色脉冲
• 已完成：金色呼吸光晕（星空）或墨色印章（宣纸）
• 全领域学完：星空下变为 starlight 星光

单击节点或目录里的节点芯片，可直接开始该节点的教练对话。

与课程详情页的区别

	知识图谱 #/graph	课程详情 #/tree/:id
范围	多门课、多领域	单门课
主要用途	全局感知、跨课关系	按节点学习、导出、纵深扩展
子课跳转	图谱有向边	根课页锚点后有「深入学习」条

父子课程关联的建课逻辑见 教练流程 · 父子课程关联。

相关

• 界面预览 · 知识图谱
• 教学模式 · 设计理念（第九节）