改进函数、变量的表示

现时仅仅利用圆点表示函数和变量


同样一个类,当前效果与先前效果对比。


当前对类内部元素布局的进一步思考:
(1)类内部必须能够看到所有元素。但可以提供某种筛选策略,例如只显示函数、只显示变量。
(2)函数调用、变量依赖这两种边是有用的。但必须有有效的筛选。简单的筛选可以只显示函数调用或者变量依赖。复杂的筛选可以基于各种关系逐步显示。
(3)当前下图的布局与之前相比,好处是视觉元素已经比较单一,只有节点和边,而且可以从颜色知道有两类节点。
问题一 是变量与函数的区分不明确,用户一开始不知道哪种节点是变量,哪种是函数。这一点可以通过加入图例来解决。但与此相关的是,随着之后添加的信息越来越多,这两种节点必须保持相当的区分度。例如绿色的始终变量,米色的始终是函数,而用其他相对不明显的编码,例如形状、大小、边框粗细去表示代码量等其他信息。

问题二 边的布局尽管相比之前有改进,但是仍然有太多的重叠现象。例如图中picker和selected_vertices变量就看不出其究竟与那些函数有关联。尽管利用选择、鼠标悬停等策略,仍然可以知道具体的路线,但用户不容易一眼分辨出变量的主次。
 




原文地址:https://www.cnblogs.com/dydx/p/4528311.html