问题标签 [vivagraphjs]

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

javascript - VivaGraphJS 删除链接

我正在使用 vivagraphJS 通过 webGL 绘制链接数据。当我将鼠标悬停在一个节点上时,我会从该节点绘制每个链接。当我鼠标移出这个节点时,我想删除这些链接。所以,有我的代码:

还有如何在 vivagraph How To 中做:

我的问题是,当我 mouseIn 一个节点时,链接显示正确,但是当我从这个节点 mouseOut 时,没有任何反应......(但我确信我的代码是正确的,因为有一个 console.log 告诉我什么是链接是当我 mouseOut 并且数据正确时..)

也许还有另一种使用 webGL 的解决方案来取消绘制元素......

0 投票
1 回答
2302 浏览

javascript - 使用 VivaGraphJS 的常量布局图

我用 VivaGraphJS 创建了一个图表,一切都很好,但是图表正在移动。有一个关于 constantLayout 的示例,但是您应该为每个节点指定一个位置的问题。

这是代码:

这是关于常量 Layout 的代码:

有什么建议!?

我希望我能很好地解释我的问题。谢谢

0 投票
3 回答
532 浏览

javascript - 未捕获的 ReferenceError:未定义 Viva

JS新手。不知道为什么我在 Chrome 中加载它时会收到以下错误。该vivagraph.js文件与 html 位于同一目录中。

0 投票
1 回答
2118 浏览

javascript - VivagraphJS、WebGL 和事件监听器

我非常喜欢Vivagraph JS。话虽如此,我遇到了一个泡菜,这可能是特定于 WebGL 的。

我试图:

我见过一个类似的例子,而是使用 SVG。使用 WebGL 似乎不起作用:

如何将事件侦听器从 javascript/jquery 添加到构成节点的 webgl 粒子?

或者我应该为了我的意图和目的而完全放弃 WebGL?

0 投票
1 回答
2771 浏览

javascript - 如何获取或设置节点的 x、y 位置

我尝试了以下代码来获取 Vivagraph.js 中节点的位置。不知道为什么它返回未定义。

当我 console.dir(node) 我确实看到正在设置一个位置,但由于某种原因我无法访问它。

0 投票
1 回答
259 浏览

javascript - 在 VivaGraphJS 中指定链接权重

如何为 VivaGraphJS 图中的链接指定权重?例如,我想得到一个结果社交图,其中一对已婚夫妇的显示距离比只松散地知道的人更近。

使用springLengthI 可以定义一般距离,但没有具体的每个链接。

0 投票
2 回答
661 浏览

javascript - jQuery addClass 不适用于数组中的元素

我有一个 DOM 元素数组,我试图遍历它们并使用 jQuery 添加一个类,但 jQuery 似乎没有使用 addClass 方法设置类。但是, attr 函数仍然有效。我究竟做错了什么?

这是我从控制台得到的结果。

jQuery addclass 不起作用

http://jsfiddle.net/kf77m/1/

0 投票
1 回答
254 浏览

javascript - 插入 DOM 的 SVG 元素被忽略(其类型已更改)

我正在使用 VivaGraph.js 库在 SVG 中呈现图形。我正在尝试显示裁剪为圆形的图像,为此我使用了 clipPath 元素 - 正如本文中所推荐的那样。但是,当我创建一个包含大写字母的新 SVG 类型元素时,例如clipPath在我的例子中,插入到 DOM 中的元素是小写的,即clippath,即使我传递给构造函数的字符串是 camelCase。由于 SVG 区分大小写,因此忽略此元素。其他一切似乎都还好。

我还尝试更改附加子元素的顺序,希望更改“z-index”,但这对此没有影响。

我在函数内部使用以下代码在图中创建节点的视觉表示(“addNode”回调)来创建节点:

谢谢!

0 投票
1 回答
1562 浏览

javascript - WebGL 在线条上添加发光效果

我想在 webgl 中的图形线上添加发光效果,例如Interactive Globe: Small Arms Imports & Exports

我正在使用库 Vivagraph.js 来显示节点和链接,而不是 Threejs。

片段着色器:

顶点着色器:

渲染函数:

您有什么想法在片段着色器上添加​​有关发光的信息吗?谢谢

0 投票
1 回答
2697 浏览

javascript - 什么是大型数据集的最佳力导向网络图引擎?

我看过 d3.js,但它似乎不适用于大型数据集。我可能会尝试从 svg 切换到画布并查看效果,是否有人知道这对大型数据集的效果如何。

还是我应该研究 vivagraph.js 或其他图形引擎?

此外,我在同一个问题上看到了类似的帖子,但答案是 3 年前的,所以我想看看有没有更好的新东西。

谢谢