问题标签 [graph-visualization]

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 回答
1987 浏览

javascript - 高性能Javascript图形可视化工具包(500-1000节点)

我需要显示大约 1000 个节点和边的图形。节点应该是可拖动的,并且所有节点都应该实时工作而无需等待屏幕。

所以,我已经检查了很多js图形可视化框架,仍然找不到解决方案。

例如,我从以下问题中检查了“JavaScript InfoVis Toolkit”: 什么是最快的、纯 Javascript、图形可视化工具包?它挂在 250 个节点上。

所有框架的运行速度都非常快,但只有 100-200 个节点。在 500 个节点和边缘上,它们会抛出异常或完全挂断。

所以,问题是:是否有一个 js 框架可以处理 500-1k 个节点/边缘,或者我应该使用 canvas/WebGL 自己实现一些东西。

0 投票
0 回答
2154 浏览

javascript - 强制带标签的有向图

我对 D3.js 相当陌生,并试图理解为什么我的这个示例版本不起作用。我也用这个例子作为参考。

据我所知,问题出在我的tick功能上;当我注释掉它时,svg 对象被写入文档,但是没有 svg 被写入。

这是我的代码:

任何帮助,将不胜感激。

0 投票
2 回答
2522 浏览

graph - 无法在graphviz中打印集群子图的标签和轮廓框

我是 graphviz 和 DOT 语言的新手。我正在尝试使用集群 subgprahs 生成图表。但是,当我有集群时,每个集群都在脚本中精确指定了节点位置,graphviz 不会生成集群的轮廓框或标签!具体来说,如果我有以下 DOT 脚本:

那么生成的图是: 当用户未指定节点位置时使用集群生成的图形

但是,使用以下 DOT 脚本,我在其中准确指定了 4 个节点的节点位置:

生成的图形是: 当用户指定节点位置时使用集群生成的图形

请注意,在这种情况下,集群的轮廓框和集群的标签都不会打印!在这种情况下,如您所见,两个集群之间有明确的分界线 - 集群不重叠,所以原则上 graphviz 显示它们应该没有问题,对吗?

无论如何,我如何告诉 graphviz 绘制集群轮廓框和标签?对此的任何帮助将不胜感激!

谢谢!

0 投票
1 回答
1378 浏览

java - JUNG Layout 的首选大小,基于图表的大小

我正在使用 JUNG 框架和 FRLayout。像这样:

我把它放在了 GraphZoomScrollPane 中。我可以放大、缩小、四处移动图形,直到它看起来像我想要的那样,但我希望在我启动我的 Swing 应用程序时它是这样的。

我真正想要的是图形的 PreferredSize 根据图形大小动态调整,这样当我加载大图形时,我不必在顶点不再重叠之前放大十亿倍。

不适合我的面板的内容通常应该在滚动条后面“消失”。

0 投票
0 回答
891 浏览

matlab - MATLAB:在 RGB 立方体内绘制线条

我是 MATLAB 新手,虽然我找到了几种创建和显示 RGB 立方体的方法,但我还没有弄清楚如何在其中绘制一些东西。

这里有一些上下文:我有一些在 javascript/html5 中实现的颜色循环方法。具体来说,我的第一次尝试天真地在 RGB 颜色空间中提供的“端点”之间进行插值,另一种方法在 HSV 颜色空间中执行类似的转换。

我想做的是获得一些几何直觉,如果我要绘制 RGB 立方体中的过渡,我的不同颜色循环模型实际上是什么样的。因此,为此,我需要执行以下操作:

1. 创建一个 RGB 多维数据集(我已经可以通过剪切/粘贴使用 patch() 的解决方案来做到这一点,该解决方案在此处找到

2. 在一个半透明的 RGB Cube 中绘制我的颜色循环模型,从 1

将不胜感激任何帮助!

0 投票
2 回答
5040 浏览

javascript - D3 时间序列热图

我正在尝试使用 d3 制作热图,它在 x 轴上是时间序列,在 ya 数字上,颜色是单元格的值。数据是根据输入加载的,域和范围可以根据不同的输入而改变。我找不到这样的例子。有谁知道我如何创建它?

谢谢

0 投票
0 回答
987 浏览

graphics - 用颜色显示 OBJ 文件

我正在为我的程序读取 .obj 文件,并对它们进行曲率计算。目前的 .obj 文件是三角形网格,带有顶点和面。他们没有任何关联的 .mtl 文件。根据曲率,我必须为每个顶点分配一种颜色,并且所有顶点的颜色都不同。我现在想显示 .obj 文件,但我希望根据我分配给它们的颜色对顶点进行着色。显示此类文件的最佳方式是什么?

最初我想编写自己的 .mtl 文件并修改我的输入 .obj 文件。但由于顶点的数量约为 50000,每个顶点都有自己的颜色,因此指定一个包含 50000 种材料的 .mtl 文件似乎确实非常令人生畏。

我在某处读到 .ply 文件可以更轻松地处理颜色,但不知道如何去做。

提前感谢您的帮助。在可视化方面,我是新手。

0 投票
1 回答
984 浏览

jquery - jQuery Graph(节点)可视化热图

有谁知道一个 jQuery 库,它可以进行图形可视化,但允许您设置节点的大小。我想用它来表示在不同系统集合中显示的错误数量。

示例数据(其中右/下 = 孩子):

图表:

在此处输入图像描述

谢谢你的时间,

0 投票
2 回答
2052 浏览

data-visualization - JgraphX 和 JgraphT 中的树布局

我正在尝试为决策树(以及代数决策图世界中的一些改进,一旦可行)构建一个可视化工具,使用 JgraphT 来支持底层数据结构,并使用 JgraphX 将结构投射到屏幕上。(我对这两个包都是新手。)

我认为 JgraphX 有相当长的历史——似乎Jgraph 5.13中的 Facade 和 TreeLayout 类将是朝着正确方向迈出的一步,但我在最近的JgraphX包中找不到任何类似的东西。(如果我了解历史,Jgraph 在 5.13 版本发布后的某个时间被重命名为 JgraphX,并且版本号重新开始——对吗?)我也无法在任何地方找到旧的 Jgraph 5.13 jar 文件。

具体问题:

  1. Jgraph 5.13 是否存在于任何地方,有人可以指出它吗?
  2. JgraphX 是否支持不同名称或范式下的相同树布局功能?

任何帮助将不胜感激,否则我将不得不处理 JgraphT/JgraphX,直到我从头开始拥有一个树布局工具,这不符合我对“乐趣”的定义。

0 投票
1 回答
3769 浏览

graph - 使节点更加分开(图形可视化)

我正在尝试从距离矩阵中绘制图表。该代码工作正常,并给了我一个图像。图像很大,但所有节点都打包在一起。我想增加节点之间的空间。我希望节点更加分开而不是扩大。

我试过 Graphviz NEATO,但它的问题是它只支持 100 个节点,因为我有 1000 个节点,所以它显示了 10 个集群,每个集群有 100 个节点。

我的整体代码 -

输出(删除边缘和标签): 在此处输入图像描述

具有 600 个节点的 Graphvix NEATO 的输出 -

在此处输入图像描述