探索“代码可视化”阶段性总结（2024.5）

1. 前言

代码可视化(Code visualization)：创建源代码的图形表示以帮助理解和分析它的过程。
通过使用图形化手段（架构图、依赖图、分布式追踪、类图、火焰图、CallGraph等）使代码在某些特征上变得可观测，用于辅助开发人员理解分析项目或建设一些自动化工具。

综述讲解可以查看文章浅析“代码可视化”，文中介绍了什么是代码可视化、为什么需要代码可视化、怎么实现代码可视化以及目前业界的实践。

2. 阶段性成果

2.1 博客

• 浅析“代码可视化”
• 原理
  • 编译器前端-词法分析
  • 编译器前端-语法分析
  • 编译器前端-语义分析
  • 编译器中端-中间代码生成
  • 编译器中端-中间代码优化
• 实践
  • 代码变更影响分析
  • 想提高阅读代码的效率？试试这些工具吧！

2.2 GitBook

code-visualization-book(未完稿): 一本关于代码可视化的书籍，按照原理->实践的方式讲述。基本结构如下，相关内容补充中。

2.3 项目

java-call-graph-diff: CallGraph的Java实现方式。采用源码和字节码静态分析方式，提供静态调用关系图和分支变更影响面分析能力。

3. 未来规划

• 继续撰写博客和书籍：目前已经完成编译原理部分基础知识总结，后续按照导图继续完善相关内容；
• java-call-graph-diff优化：优化下代码结构和实现逻辑；
• CodeGraphX项目：整合各种代码可视化能力…

---

大家如果有不同的见解或对相关技术有深入了解实践，欢迎一起交流学习：

• 个人网站
• Github主页
• WeChat：ShawnLFF