相关疑难解决方法(0)

有人知道GraphViz能够生成的方向流图的纯粹,基于Javascript的实现吗？我对漂亮的视觉效果输出不感兴趣,但计算出每个节点的最大深度,以及优化贝塞尔线的布局,以便在处理图形而不是树时最小化相交边的数量信息.我想在浏览器中运行此代码; 我知道我可以轻松地将Graphviz作为扩展名嵌入到我的节点服务器中,甚至popen()可以将.dot格式化的图形信息流式传输.

作为参考,这是典型的GraphViz输出.注意元素如何堆叠和间隔开以允许连接线在节点之间传播,而不交叉(经常)或穿过节点.

是否有任何javascript库用于客户端渲染和流程图的操作？我的偏好是jQuery,但我会满足于其他人.

这个问题之前已被问过,但几年之后都没有问过,所以我希望现在有一个更积极的答案!

这个问题已经被问一次,现在这个问题和答案最upvoted,最完整的版本是在这里: 在JavaScript图形可视化图书馆

是否有现成的PHP,Javascript甚至命令行工具,可以用HTML(最好)构建一个族谱,或者至少为它创建一个图像？多个父母是必需的.我一直在谷歌搜索这几个小时,但无济于事.

例如,Google Organizational Chart是理想的,但它只允许每个节点最多拥有一个父节点.我需要两个父母才有可能.

无论这个网站做什么也将是完美的:http://www.familyecho.com/,但它似乎没有用javascript完成,他们不发布实际创建可视化的代码.

即使连接到外部网站以使用其API来生成可视化也是完美的.

是否有任何好的javascript库用于在网页中绘制图形？我想要一个现代的HTML5库,最好使用canvas和/或webgl.我已经 发现 一 对夫妇 的 良好的 网络 库 ,同时 研究,但他们不扩展到我的(高达2000个顶点+ 20000个边缘),像桌面软件运行图的大小Gephi可以轻松地处理或他们闪光/ silverlight-根据.所以,到目前为止,我最好的发现是基于d3.js的实现.如果他们在Seadragon风格的缩放中内置了一些基于弹簧/力的自动布局/聚类算法也会很好.

首先看看这个问题.

这些库都不支持Multigraphs(或Pseudographs).我的意思是我无法生成这样的图形:

为此目的,有没有任何jQuery插件(或javascript库)？

我以为我可以使用WolframAlpha的API并使用它的图像,如下所示:

但它有很多问题:

1-我无法移动节点或以交互方式添加删除边缘.

2-每月只有2000个API调用.不够.

3-我无法生成大图或中间图.

4-真的很难看!

如果你知道一些javascript库以便绘制Multigraphs,或者无论如何产生这样的图形,请帮助我.(像Dracula Graph Library,但能够绘制Multigraphs).

顺便说一句,我不想​​再使用Adobe Flash而不是javascript.(任何其他解决方案对我来说都是可以接受的)

提前致谢.

我看过Graphviz资源页面,问题1和2仍然找不到具体的答案.我的用例是浏览软件组件(例如可安装软件包)之间的依赖关系,其中一个特定特征是一些公共节点是许多边缘的目标.例如,几乎每个可执行包都依赖于libc.

根据这个特点,我想让查看器/库具有以下功能:

1. 使用Graphviz"点"布局算法(强制布局算法,在不同的库中很多,不能为讨论的用例提供良好的布局质量).
2. 以交互方式禁用/重新启用图中的某个节点(上面的libc示例).
3. 以交互方式禁用/重新启用特定节点的所有边缘(例如,libpng依赖于libz,但这很明显,并且可以禁用以使视图不混乱).
4. 在某个节点重新生成根图(显示只有从该节点可到达的节点的子图),并"缩小"以完成图形.

理想情况下,这将是一个Javascript库,可以轻松实现更复杂的操作功能.重要的是,如上所述的基本观看行为是开箱即用的 - 再次,我找不到类似的东西,许多解决方案是静态观看者,或"自由形式编辑器"允许拖动节点,但不是足够高水平和有用的行为.

最后,如果不存在这样的解决方案,欢迎提出实施这些功能的最佳框架的建议.

我需要一个javascript/jquery库来动态创建图形.我发现的大多数库只用于可视化.

我需要一个可以添加节点节点,删除节点,跟踪路径等的地方.

什么是用于时间演化/动态图形/网络可视化的优秀JavaScript库？

我的数据是source -> destination at time三元组的形式,如下所示

A -> B at 100
B -> C at 101
A -> D at 104
C -> D at 105
...

在屏幕上,我希望看到一个由边缘连接的点的动画,边缘随着时间的推移而闪烁.

我也很乐意为几乎存在的开源库做贡献.

澄清:

• 图表是指由一组边连接的一组节点,而不是一个图
• 此问题与以下问题有关(但不同于此):JavaScript中的图形可视化库

我正在尝试创建一个基于浏览器的工具,让您检查依赖图,因为它们出现在编程语言和Makefile的模块系统中.

我正在寻找一个可视化框架,为我绘制图纸.

要求是工具包可以

• 标签节点(希望是边缘)
• 鉴于我有无限空间(滚动条很好),自动将图形分隔到正确的尺寸(我不必猜测好尺寸)
• 很好地布局图形,使它看起来不那么混乱
• 没有<= 5000个节点
• 仅使用JS运行(无Flash或桌面应用程序)

可选地,如果它可以很容易地移动节点并突出显示或隐藏图形的某些部分以便更好地概览,那将是很好的.

使用支持的内容并不重要(SVG,画布,一切都很好).

到目前为止,我已经查看了很多库(尤其是JavaScript中的Graph可视化库),但还没找到合适的库:

• d3很不错,但它提供的唯一节点图是力图,它专注于实时物理.加载后,您必须等待并观察物理引擎的稳定性.我不需要动画也不需要力量,并希望立即显示图表.
• GraphDracula的例子几乎就是我想要的,但已经有70个节点和400个边缘,绘图性能变得非常糟糕.它也只有很少的文档(35行代码示例).

你知道什么符合我的要求吗？谢谢!

这更像是一个算法问题.我有一个页面,使用javaScript通过绘制从源到目标的箭头连接显示项目和项目与其他项目的关系(想想jsPlumb).每个项目可以有0个或更多连接.我面临的挑战是以最佳方式战略性地将div /圈放置在容器中.

• 最佳:最少连接数(连接两个圆圈的箭头)重叠

可视示例:下图是未经优化的显示版本,已将圆圈随机放置在容器内.

请注意,在上图中,连接(箭头)重叠的数量不必要地高.下图是一个优化的解决方案,在这个小例子中,圆圈位于更好的位置,导致连接没有重叠:

放置物品的容器尺寸为1020x800.存在大量圆圈的地方总会有重叠,因此我们的想法是尽量减少连接重叠的数量.我希望能够做到这一点的例子,因为我发现阅读算法文章有点令人生畏:(.