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

graph - 在 Networkx 和 Graphviz 中为特定节点着色

我正在编写一个程序来从距离矩阵中绘制图形。它工作正常。现在我希望某个节点和某个边缘具有我选择的特定颜色。我怎么做?

该程序是在 Python 中并使用 Networkx 和 Graphviz

0 投票
3 回答
675 浏览

javascript - Javascript中的链接可视化库

我想在我的页面中将链接显示为由节点组成的网络图。所以请推荐一些可以与 javascript 或 jQuery 一起使用的可视化库或插件。我想显示特定页面上的链接在哪里。

0 投票
2 回答
1673 浏览

matlab - 将矩形二进制矩阵转换为图形?

我知道方形二进制矩阵可以转换为图形。例如在下面的matlab矩阵中使用gplot可以转换为图形

可以用图来表示

但我想知道是否有办法转换一个矩形矩阵

在matlab或任何其他语言中以某种方式绘制图表?

我的行和列也是不同的变量。

0 投票
2 回答
1787 浏览

python - 可视化 networkx 生成的 graphviz .dot 或 GML 文件的边缘数据

我已经用 networkx 生成了一个图形,并将其导出为一个 .dot 文件以进行可视化。

.dot 文件看起来不错,有我创建的节点和节点属性,还有边缘数据(via如下),一切就绪。

我的问题是如何在 linux 上可视化这些数据?我试过gephi,它看起来是其中最有能力的,但它没有检测到边缘属性(via)。

我需要能够以交互方式探索数据。

这是一个简化的点文件,它显示了相同的行为

在networkx中,我像这样创建它

我试过的另一个查看器ZGRViewer也没有显示该数据。

更新

使用 cytoscape 3.0.0-beta1 时,当导入使用 networkx 导出为

错误是

cytoscape 2.8.3 中的错误如下所示:

在此处输入图像描述

0 投票
1 回答
20215 浏览

layout - 如何在 GraphViz 等级布局中强制执行从左到右的节点排序?

我正在使用 GraphViz 可视化一系列流程。每个进程由程序顺序的一些读或写操作组成。自然地,希望针对每个处理以从左到右的顺序排列操作。

使用 GraphViz(2.28 版),我的代码如下所示:

很抱歉,我不允许发布声誉太低的输出图片。如果你可以运行代码,你会看到结果不是那么令人满意,因为 pid = 3 的过程中出现了乱序。具体来说,GraphViz 布局算法重新排列了(理想的)顺序“wf2-> wz2 -> wa1 -> wx3”到“wx3,wf2,wz2,wa1”。因此,我的问题是:

我的问题:如何在排名环境中强制执行从左到右的节点排序?

通过在这个网站上的探索,我发现了一些类似的问题和潜在的解决方案。但是,它们在我的具体示例中不起作用:

  • Graphviz .dot 节点排序约束 = false选项使我的 PDF 图片更糟。我检查了点用户手册,上面写着:

    在等级分配期间,边缘的头节点被限制在比尾节点更高的等级上。但是,如果边缘的约束=false,则不强制执行此要求。

    基于以上陈述,(我猜)约束=假选项在不同等级之间而不是在同一等级之间生效。

  • Graphviz---随机节点顺序和通过标签的边:令人惊讶的是,constraint = false选项在同一等级中帮助了“有限状态机”很多。同样,它并没有使我免于麻烦。

  • graphviz:循环布局,同时保留节点顺序:过程图在节点和边数上都是动态的。因此,使用节点的绝对位置可能没有吸引力(导致许​​多边缘交叉?)。

    感谢您的任何建议。可执行代码将不胜感激。

点文件

0 投票
1 回答
680 浏览

graphviz - 为什么 Graphviz/Dot 对这个特定代码的行为如此奇怪?

我在 Windows 7 上使用 GraphViz 2.28 (当前稳定版本),并且 Graphviz/Dot 因以下代码而崩溃。

当我对这个例子进行一些实验时,事情变得很奇怪:

  1. 只有最后一条语句“wx2 -> wx1[style = dashed, color = red, label = “1”];”时效果很好 已移除;
  2. 删除第八行“{rank = same;0;wx1;wx2;rx1;}”时效果很好;
  3. 当仅删除最后一条语句中的标签(即“,标签=“1””)时,它也能很好地工作。

我已将问题报告给Graphviz 问题跟踪器,但尚未回复。你能帮忙找出原因吗?

谢谢你。

0 投票
1 回答
262 浏览

graph - 如何在 booggie 2 中为 Gephi 设置可视化图形属性?

booggie 以 GraphML 格式保存图形,该格式也可以在图形可视化工具 Gephi 中打开。

有没有办法用 booggie 中可访问的属性来定义 Gephi 中节点的视觉外观?

0 投票
1 回答
248 浏览

graph - booggie 中的节点/边缘类型定义,用于使用 yEd 进行可视化?

在 booggie 2 中,我可以将图形导出为 yEd 的 graphML-Format。但是,我不知道元模型中的节点和边类型定义应该是什么样子,以便我可以控制它们的视觉外观

谁能提供一个例子?

0 投票
2 回答
686 浏览

opengl - 高性能 OpenGL 2D 形状动画库

我正在寻找一个高性能库,它可以绘制大量(10 甚至 100 万)相对简单的矢量形状(圆形、弧形或圆角矩形),用于 2D 图形布局的可视化。

我希望能够只传输动画开始和停止几何体,然后在 GPU 上“生成”插值动画。

在每一帧,我想通过简单地更新全局插值参数(通常从 0 到 1)来最小化从 CPU 到 GPU 的数据量。

由于我想基于 OpenGL,我相信顶点缓冲区对象 (VBO) 是我应该选择的。

我选择的语言是 C++11,我的平台是 Ubuntu 12.10。

能够将高质量的文本与形状叠加在一起是一大优势。

您应该推荐哪些库/API?

我相信 oglplus 是一个很好的候选人,但我不确定它是否对我的任务来说太低了。

0 投票
1 回答
756 浏览

python - 在 Ruby/Python 中可视化 x、y、z 坐标?

我想通过我存储在哈希中的坐标点绘制一条连续的线,如果可能的话,是 3D 的,但可能是 2D 开始的。

我想处理大约十个点/秒,以便我可以看到随着时间的推移绘制的线。

有谁知道可视化这个的好方法?我考虑过在 Blender 中编写 Python 脚本,但我想知道是否有更快的方法来获得工作原型。