Diagram Source
图源与导出说明
本项目的图解需要截图友好、可维护、可绑定交互状态。优先使用手工整理的 SVG,并遵循稳定 id 约定。
推荐流程
从图源到可交互 SVG
Figma / Excalidraw 草图
导出 SVG
SVGO 优化
补 id / data-role
SVG 命名规范
稳定命名让动画和测试更可靠
node-*
概念节点、流程节点、token 节点。
arrow-*
数据流、控制流、影响关系。
label-*
截图和导出时保留的文字标签。
highlight-*
当前步骤、失败状态、解决状态。
可复用图源
下载首批 SVG 源文件
MVP 核心图解
12 张第一版核心图解
DiagramAI 技术演化主线图
首页首屏的规则、学习、大模型、Agent 主线。
DiagramAI 技术演化总览时间线按时代串起关键技术转向和对应 demo。
DiagramAI 技术谱系图按范式展示符号主义、统计学习、神经网络、基础模型和 Agent。
DiagramLLM 系统边界图展示模型、上下文、检索、工具、记忆和评估的系统关系。
Diagram搜索树策略图比较 BFS、DFS、A* 的展开路径和 frontier。
Diagram专家系统规则图展示 if-then 规则、例外条件和冲突状态。
DiagramBayes 信念更新图用先验、证据强度和后验条形反馈解释不确定性更新。
Diagram决策边界对比图比较线性、非线性和过拟合边界。
DiagramCNN Kernel 扫描图展示局部窗口、卷积核和 feature map 响应。
DiagramAttention Token 关系图展示 token 直接连接和 RNN 链式传递对比。
DiagramRAG Pipeline 流程图展示 Query、Embedding、Vector DB、Reranker、Prompt、LLM、Answer。
DiagramAgent Loop 行动循环图展示 plan、tool call、observation、revise、final answer。
截图友好
每张图都应该能单独传播
保持边距、标题、激活状态和简化说明清晰可见。导出或截图前,优先选择能表达一个核心 aha moment 的状态, 避免把多个控件面板、过长解释和复杂参数同时放进画面。