问题标签 [graph-drawing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
160 浏览

graph - 使用绘图库插入箭头

我想链接数字 6 -> 5 和 5 -> 4 但我不知道该怎么做。

我的代码如下

这是输出: 图形

0 投票
2 回答
103 浏览

graph-drawing - 如何在博客中绘制节点和边

我开始写博客。我是新手。有人可以帮助我如何绘制节点/边缘以及像这样着色/编辑:

截屏

有没有什么软件或者网站可以求助?

示例:像这篇文章一样,我想画这样的图像以及如何在一个盒子里编写这样的代码。

0 投票
1 回答
73 浏览

java - 你如何计算一个方法被调用的次数?

这是一个非常简单的 Java 代码,我想编写一个代码来计算 step 方法被调用的次数。本质上,此代码将绘制一个 blob 并计算 blob 需要多少“步骤”。如果步数等于 Max,则 blob 将采用新的 dx/dy,例如新的速度。

Blob 类不是那么重要,所以我没有附上它。但是,PurposefulWanderer 类被另一个类调用,特别是 GUI

我尝试创建一个名为 current 的静态变量,并在 step 方法下将其加一,但这不起作用。它仍然说当前变量仍然是 0。

}

0 投票
1 回答
60 浏览

graphviz - 节点的排名提供未排名的结果

我有以下graphviz输入:

我试图按如下方式对节点进行排名:

但是,在我看来,只有第一个等级被正确分配(对于节点 0、1、2、...、40)。你能帮我看看其他组的排名有什么问题吗?为什么他们不会彼此分开?

0 投票
1 回答
921 浏览

python - 如何在 tkinter 中更新由 matplotlib 创建的图形

我有一个使用 tkinter 创建的应用程序。只有一个窗口,我在其中输入 X 和 Y。有了这些 x 和 y,我的应用程序应该使用 matplotlib 创建一个图形。

第一次它工作正常,但其他人没有。我的意思是,我打开应用程序,输入 X 和 Y,单击按钮,应用程序创建图形,然后输入新的 X 和 Y,单击按钮,这不起作用,图形是相同的,不是新的。我搜索了很多网站,但没有一个解决方案有效。

部分代码如下所示:

问题的感觉是:

输入后我看到一个图表,然后我输入

我应该看到另一个图表,但我在 tkinter 中看到了旧图表。

0 投票
0 回答
65 浏览

python - graph-tool 使文本适合顶点

我正在用大标签绘制图表。有没有办法包装标签,以便它们适合尺寸的顶点。

这就是我到目前为止所拥有的

例子 先感谢您

0 投票
0 回答
44 浏览

python - 以交互方式突出显示 igraph 中的节点和边

在 networkx 库中,可以单击一个节点并高亮它和它的边缘。

此页面说明了此解决方案: 交互式网络x。这是一个基于桌面的解决方案。

我试图为 igraph 库找到类似的解决方案,但找不到。

目前,我为此使用 d3 和 sigma.js。但我对基于桌面的解决方案感兴趣,类似于上面提到的 networkx 库。

有谁知道使用 igraph 库以交互方式突出显示节点和边缘的任何基于桌面的解决方案?

先感谢您。

0 投票
0 回答
44 浏览

javascript - 如何获取矩形 DOM 元素的坐标?

我正在尝试使用节点为矩形的 D3 绘制图形。然后,出于某种原因,我需要找出那些绘制节点的坐标来绘制节点之间的边缘。如何获得这些矩形节点的坐标?我试过这样做:

在这里,我使用d3.select("#node_1")来选择 ID 为node_1的特定节点。但是这个getBoundingClientRect()在这种情况下似乎不起作用。我应该怎么办?

0 投票
2 回答
71 浏览

graphviz - 在graphviz中,你能把两个顶点靠得更近吗?

在使用 graphviz 描述图形时,我有时会发现我希望两个顶点看起来比我选择的布局引擎更靠近它们放置它们。有没有办法暗示我希望他们更接近?

我最感兴趣的是两个连接顶点的情况,因此针对该情况的答案很好。


具体例子:

在此处输入图像描述 我想要顶点Start并且A更接近。

0 投票
1 回答
225 浏览

user-interface - 用于绘制图形的工具,它返回 graph6 代码或邻接矩阵

我正在寻找的是一个工具,其全部目的是绘制图形并让它返回 graph6 代码(最终让我可以轻松地将它输入到 Sage 中)。

House of Graphs上,您可以绘制图形,它会在数据库中搜索图形。但是,如果您搜索不在数据库中的图表,您会收到这样的消息和一个空列表。

您当前的结果列表包含满足以下条件的所有图表:

具有规范形式“H???Gva”的图

问题是,如果图形“太大”,您会收到这样的消息,其中“...”表示我们没有看到整个 graph6 代码。

您当前的结果列表包含满足以下条件的所有图表:

具有规范形式'S????????????????????????????F...'的图形

注意:有诸如此类的工具可以将邻接矩阵转换为 graph6 代码。