# Code Visualization

## Code Visualization

- [前言](https://code-visualization.shawnxie.top/readme.md)
- [第一篇：代码可视化的目标与边界](https://code-visualization.shawnxie.top/di-yi-pian-dai-ma-ke-shi-hua-de-mu-biao-yu-bian-jie.md)
- [为什么需要代码可视化](https://code-visualization.shawnxie.top/di-yi-pian-dai-ma-ke-shi-hua-de-mu-biao-yu-bian-jie/why-code-visualization.md)
- [代码可视化到底可视化什么](https://code-visualization.shawnxie.top/di-yi-pian-dai-ma-ke-shi-hua-de-mu-biao-yu-bian-jie/what-to-visualize.md)
- [从图形展示到软件理解系统](https://code-visualization.shawnxie.top/di-yi-pian-dai-ma-ke-shi-hua-de-mu-biao-yu-bian-jie/software-understanding-system.md)
- [第二篇：源码结构化原理](https://code-visualization.shawnxie.top/di-er-pian-yuan-ma-jie-gou-hua-yuan-li.md)
- [编译器视角下的代码结构](https://code-visualization.shawnxie.top/di-er-pian-yuan-ma-jie-gou-hua-yuan-li/compiler-view.md)
- [从字符到 AST](https://code-visualization.shawnxie.top/di-er-pian-yuan-ma-jie-gou-hua-yuan-li/source-to-ast.md)
- [符号表、作用域与类型关系](https://code-visualization.shawnxie.top/di-er-pian-yuan-ma-jie-gou-hua-yuan-li/symbols-scopes-types.md)
- [IR、SSA、CFG 与 DFG](https://code-visualization.shawnxie.top/di-er-pian-yuan-ma-jie-gou-hua-yuan-li/ir-ssa-cfg-dfg.md)
- [第三篇：程序分析与代码图谱](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu.md)
- [静态分析：不运行代码时能知道什么](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu/static-analysis.md)
- [动态分析：运行起来之后才能知道什么](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu/dynamic-analysis.md)
- [变更分析：系统是如何演进的](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu/change-analysis.md)
- [代码图谱：节点、边与属性](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu/code-graph-model.md)
- [可视化表达：从图到证据](https://code-visualization.shawnxie.top/di-san-pian-cheng-xu-fen-xi-yu-dai-ma-tu-pu/visualization-as-evidence.md)
- [第四篇：三个核心工程场景](https://code-visualization.shawnxie.top/di-si-pian-san-ge-he-xin-gong-cheng-chang-jing.md)
- [代码库理解与上下文构建](https://code-visualization.shawnxie.top/di-si-pian-san-ge-he-xin-gong-cheng-chang-jing/codebase-understanding.md)
- [变更影响分析与验证](https://code-visualization.shawnxie.top/di-si-pian-san-ge-he-xin-gong-cheng-chang-jing/change-impact-verification.md)
- [架构理解与遗留系统改造](https://code-visualization.shawnxie.top/di-si-pian-san-ge-he-xin-gong-cheng-chang-jing/architecture-and-legacy-modernization.md)
- [第五篇：AI 时代的新应用](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong.md)
- [AI 写代码之后，为什么代码理解更重要](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/why-code-understanding-matters-in-ai-era.md)
- [Agent 上下文工程](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/agent-context-engineering.md)
- [代码图谱如何服务 AI Agent](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/code-graph-for-ai-agent.md)
- [AI 生成代码的 Review 证据层](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/ai-code-review-evidence.md)
- [AI 辅助重构与系统迁移](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/ai-assisted-refactoring-and-migration.md)
- [从代码可视化到软件理解基础设施](https://code-visualization.shawnxie.top/di-wu-pian-ai-shi-dai-de-xin-ying-yong/software-understanding-infrastructure.md)
- [第六篇：实践项目](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu.md)
- [构建一个最小代码理解系统](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/mini-code-understanding-system.md)
- [采集源码结构](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/collect-source-structure.md)
- [构建代码图谱](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/build-code-graph.md)
- [构建变更影响分析](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/build-change-impact-analysis.md)
- [构建可视化界面](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/build-visualization-ui.md)
- [给 AI Agent 的查询接口](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/query-interface-for-ai-agent.md)
- [AI 修改后的验证报告](https://code-visualization.shawnxie.top/di-liu-pian-shi-jian-xiang-mu/ai-change-verification-report.md)