问题标签 [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 回答
2645 浏览

animation - JavaFX 过渡动画等待

这么快,我正在做一个演示用于计算机绘图的方法的程序。我需要创建时间线或动作历史,例如(placeVertex(x,y),moveVertex(newX,newY)等)并迭代(向前和向后,自动或手动)

我已经通过使用命令设计模式实现了这一点,但是这些命令中很少有使用转换。第一个想法是setOnFinished在每个命令之间使用 Condition 接口的锁定、等待和信号,但它导致 gui 冻结。

我尝试了 SequentialTransition 但这对我的问题没有用 - 无法在转换之间动态更改属性。

是否有可能以某种方式通知生成一个过渡结束并且下一个可以在没有 GUI 冻结和绘图的情况下运行?

谢谢!

编辑:我会尽量简化这一切这是我的命令界面和这些命令之一:

这些命令存储在我的历史类中,基本上是

我确实浏览了列表并执行了命令

我试图在下一个命令启动时达到状态,只有在上一个完成的情况下。试图在两者之间放置等待/信号但没有成功。

0 投票
1 回答
3850 浏览

graph - 如何将节点放在点生成图的中心

用下面的点码

我生成以下图表

点生成图

我怎样才能将节点 G 移动到中心?那就是我希望得到这样的东西: 期望的结果

ps 我设置边缘等级的实验没有成功。

0 投票
2 回答
411 浏览

drawing - 在 Livecode 中绘制带尺寸的线条

我正在尝试使用 Livecode 编写一个小型绘图程序,它将显示绘制线的长度,以便可以进行编辑,我还需要显示多边形的角度以进行编辑。用户应该能够通过单击尺寸来选择多边形的一部分。这会将行的长度加载到右侧的字段中以进行编辑。输入正确的数字后,绘图将自行重绘。(我可能可以使用多边形的“点”来计算这部分)我已经包含了程序应该是什么样子的屏幕截图。我希望它会在用户绘制图像时显示这些数字。很抱歉我没有包含任何代码,但是我什至不知道从哪里开始。我写了几个涉及数据库的程序,但这是我第一次尝试使用图纸。提前感谢您的任何建议!!http://i.stack.imgur.com/gfKS9.jpg

0 投票
1 回答
682 浏览

java - Fruchterman 和 Reingold 算法顶点在输出中占据相同位置(图形布局)

我试图在 Java 中实现 Fruchterman 和 Reingold 算法,但由于某些原因,输出顶点的坐标有时会占据相同的坐标,这不是这个算法想要的。我哪里做错了?

坐标对象(矢量)

节点对象

图形对象(带布局算法函数frlayout)

为过长的问题道歉。我在网上尝试了教程,但无法更接近找出问题所在。注意,在求单位向量时,如果一个向量为零(0,0),我把它设为一个很小的非零向量,这样当两个顶点靠近时,它们会猛烈地排斥,就像希望算法。

任何指示将不胜感激。

0 投票
0 回答
112 浏览

javascript - 使用 Javascript 进行简单的图形可视化

我想用 JS 代码可视化一个动态图,我使用了 Dracula JS,但是我不能用这个来触发节点上的点击处理程序!请问有什么想法吗?

我看了一下这个链接:

http://bl.ocks.org/tchaymore/1249394

但是我的图表是动态的,那么如何替换链接示例的“math_map_compact.json”文件?D3.js 中可以接受字符串变量吗?

谢谢,

0 投票
1 回答
641 浏览

python - 绘图排序网络

绘制类似于本文底部的排序网络的好方法是什么?非常感谢 python 包或 LaTeX 排版包。

使用分组对网络进行排序 简单的分拣网络

0 投票
1 回答
1053 浏览

graph - 使用 graphviz 创建 tcp 流程图?

graphviz 或其子项目是否支持 tcp 流类型图,例如:

在此处输入图像描述

我已经浏览了 graphviz 文档和图库,但没有什么能引起我的注意。

0 投票
1 回答
1258 浏览

jgrapht - JGraphT 的图形布局算法

我正在使用 JGraphT 创建一个图形,我希望能够可视化和操作它。有一些例子展示了如何可视化图形,但似乎它涉及到相当多的手动代码来布局顶点等。我想知道是否有任何图形布局算法可以在 JGraph 中自动执行这个过程一个小例子。我画的大多是有向无环图。我已经通过将它们导出为 .dot 格式并使用dot显示它来绘制图表,但我现在需要一些交互。

0 投票
1 回答
726 浏览

c++ - 两个节点之间的贝塞尔样条插值:如何找到合适的锚点?

在图形用户界面中,我正在处理类似图形的结构。节点由圆形或矩形表示。用户应该能够在两个节点之间绘制连接线(有向边),并且可以定义该线应该通过的一组中间点。

创建从第一个节点的中心开始,经过所有中间点并在第二个节点的中心结束的分段 C2 连续贝塞尔曲线是没有问题的。

问题

但是现在(主要是出于美学原因)我希望边缘在节点边界而不是中心点开始/结束。那么我怎样才能在节点的边界上找到合适的锚点呢?一种可能性是计算我的贝塞尔曲线和节点边界之间的交点。但是对于圆来说,这将导致一个 6 阶多项式方程,并且试图以数字方式解决这个问题似乎有点矫枉过正。

可能的解决方案

我尝试的另一个选项是取节点边界与穿过第一条/最后一条贝塞尔曲线的两个控制点的线之间的交点。虽然如果中间点离节点更远,这似乎是一个很好的近似值,但如果它们靠近则失败:

第一种情况 第二种情况

灰色:中间点,绿色/蓝色:控制点,红色:近似交点

有没有推荐的方法来解决这个问题?现有工具如何处理这个问题?

0 投票
1 回答
388 浏览

android - 如何在录制时动态绘制图形?

我已经成功录制了麦克风的声音,并且可以以 wav 形式绘制录制的声音。我需要的是在录制声音时动态绘制图形(如心跳监测图)。下面是我录制声音的代码