问题标签 [code-visualization]

     我希望能够使用一种工具，让您在源代码的上下文中可视化程序的控制流。澄清一下，这样的工具基本上应该通过以多向图的形式吐出人类可读的抽象语法树来显示程序中发生的事情，其中​​节点包含源代码翻译单元的片段。我认为，生成的图形初始节点将包含以程序入口点开头的代码块（main用于 C 或 C++ 程序。）当节点需要引用另一个代码块时，将创建新节点，无论是在当前文件中还是在另一个文件中，箭头都会连接节点。这样的工具是否存在，还是必须从头开始创建？

我有一个非常古老的代码库，它由 C++、VB 和经典 ASP 废话组成，我正在尝试理解那里的一些代码流。不幸的是，有许多项目是用不同的语言编写的，所以我发现分析代码的最佳方法是在整个代码库中从 Visual Studio 中搜索文件夹并设置书签以可视化流程并帮助我在它们之间更快地导航。

我对此几乎感到满意，但是 Visual Studio 内置书签的功能似乎很差，例如，您不能在同一行上设置多个书签，或者您无法创建嵌套文件夹，这是理解极其复杂的代码的关键流动。

更新 1。

对于那些仍然认为它是题外话的人，我重新提出了我的问题：

如何在 Visual Studio 中可视化复杂的代码流？我尝试在书签名称中使用缩进来可视化嵌套调用，但是它不能很好地工作，特别是当我必须移动/合并多个代码流时（我必须“重新计算”缩进）并且我仍然无法拥有多个我想为同一行放入单独流中的书签。

我正在尝试在 R 中制作如下图（在 MATLAB 中生成）。

我需要使用 ggplot 因为我需要将矩形一个一个地添加到“网格”中，并根据强度从 0 到 1 的矩阵设置每个矩形的背景。现在，我有一个包含所有矩形（密度属性）和矩形边框（顶部、左侧、右侧、底部、top.lefts 等）的强度。可以在此处找到我的完整 R 脚本的链接，该脚本定义了以下数据框定义中引用的所有变量：http: //pastebin.com/JUUmnTSq。

请注意，“top.lefts、top.rights”等是对角线“像素”值。本质上，这是用于神经网络无监督学习的自组织图的视觉效果。我基本上只是不知道如何使用数据框信息填写 ggplot 的 geom_*() 方法。

谁能帮我做到这一点？Ggplot 很难掌握，我不知道如何使用普通的 rect()、plot()、segments() 函数等将矩形添加到同一个图中。

谢谢你尽你所能的帮助！

更新：这是我到目前为止的进展，基于下面的“主题”和“刻面”的有用名称删除。基本上我现在想要的只是能够根据我指定的强度在边框中着色。有任何想法吗？

我想开发一个能够阅读 c 编程语法的可视化工具。代码将包括一些函数调用、时间信息和一些触发机制。通过识别所有这些语法，我将能够模拟和可视化这些“函数调用”。该程序通常用于执行搜索和排序算法。

一些可视化工具，例如 python Bokeh 可以用于可视化（如果有更好的工具可以推荐）。这里的问题是如何将 c 语法翻译成诸如 python 之类的语言，并且在搜索/排序算法中用 C 代码编写的每个项目/对象都可以表示为一种可视的形状对象。

有没有人做类似的事情？如果对使用的工具以及实现此任务的工作流程或步骤有一些建议，我们将不胜感激。谢谢

我正在编写一些初学者编程教程，并且发现很难跟踪所涉及的许多模块和功能、它们的目的（抽象地）以及它们之间的相互关系。我希望看到从鸟瞰图到更好地设想如何更优雅地重新组织和重构代码的所有内容。

专业人士是否有专门的工具（除了白板和记号笔）来管理这种复杂性？程序员是否期望只依赖心智模型？专业人士会使用像 Lucidchart 这样的流程图软件来处理这类事情吗？

我想生成一个代码可视化，显示

• 完整的源代码文件
• 用箭头连接线
• 语法高亮（最初是 PHP，但可扩展）

为了澄清，我有一个分析已经计算了一些代码行之间的关系。我的需要是显示这个。

是否已经有允许我这样做的工具或框架？

编辑：这就是它的样子。

有没有可以可视化 R 代码的工具？

我有一些非常复杂的 R 代码在我需要理解的几个脚本之间拆分。这样做的部分困难在于，有太多嵌套的函数和变量，事实证明，手动通过它并找出连接到什么的速度非常慢。

我认为如果有某种方法可以从 R 代码生成流程图，我的任务可能会更容易，这样我就可以一次看到它。当然，我可以在浏览代码时画出一张地图，但不应该以编程方式做到这一点吗？有没有现有的工具可以做到这一点？

我找到了一个名为 R AnalyticFlow 的程序，但它似乎使用 GUI 制作脚本，而我想要一些可以获取代码并将其变成可以在 AnalyticFlow 中绘制的东西类型的东西。

正如标题所暗示的，我希望有一个可以支持任何语言的静态代码可视化工具。

我希望有一些工具可以提供一些关于语言的信息，并生成一个图表（我相信它被称为“控制流图” - 一个函数调用哪个函数的图表）

例如，对于我心目中的语言，它似乎相对容易，因为该语言不是很复杂，而且我想不出任何我熟悉的语言（如 C/C++）会使其特别难以分析所说的语言。

在阅读一些大型开源项目的代码时，如果有一个视图可以显示调试 JavaScript 时程序执行流程的可视化结果，那就太好了。那么，是否有任何工具，例如用于调试 javascript 的代码图？像这样：https ://dailydotnettips.com/did-you-know-code-map-can-be-used-to-visualize-the-call-stacks-directly

是否有某种软件可以做到这一点？具体来说，我想可视化 Resnet18。除了自己画，没有别的办法了吗？这是我想看到的一个例子：

示例架构可视化