零配置纯浏览器运行的代码架构可视化工具：CodeFlow，一键展示出代码数据、健康评分、依赖关系图等

粘贴GitHub地址几秒钟生成交互式的代码架构地图，可以可视化文件之间的连接关系，支持拖拽、缩放

有价值的是它的影响范围分析功能，可以辅助决策“如果改了这个文件，会波及多少其他文件？"

提供活动热力图，按提交频率着色，识别开发最活跃的代码区域；支持按文件夹、架构层、提交频率等模式着色，选中文件后还可按影响范围高亮显示

支持模式检测，识别单例、工厂、观察者等设计模式，以及上帝对象、高耦合等反模式，还能检测React自定义 Hooks

对快速理解新代码库还是比较实用的

github：http://t.cn/AXMr2Slo

#代码可视化##CodeFlow##代码一键可视化#