【RFC】- 可视化调试

[MingkHe]

客户需求：
Input: 提供测试代码,指定需要可视化的变量, 指定可视化变量的数据类型
Output: 一堆关于指定可视化变量的演化图片

思路：
分析用户代码，在可视化变量每次更新时画一张图，把这些图片收集起来再返回就行了。

使用工具：
代码分析和插入: python AST
绘图: Graphviz

具体实现:
关于如何在变量更新后绘图：
把用户代码转化成抽象语法树，然后找出要可视化的变量的位置，在更新这个变量的语句后插入绘制图片的函数。
关于如何绘图：
把变量的stage传递进绘图函数，然后绘图函数把变量所需的信息转化成我们定义好的绘图数据结构，然后再把这种数据结构转化成Graphviz所需的代码格式，最后通过Graphviz生成图片即可。

定义的绘图数据结构如下:

第一阶段的目标:
画出数组和链表

[azl397985856]

stage1 目标： 提供使用demo，提供绘图的API（不包括AST部分）

用例（初始版）：

[azl397985856]

node 版本： https://github.com/glejeune/node-graphviz
python 版本： https://github.com/xflr6/graphviz
Java 版本： https://github.com/nidi3/graphviz-java
Go 版本： https://github.com/bradleyjkemp/memviz