问题标签 [infovis]

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

javascript - 如何删除以前绘制的 InfoVis 空间树

我正在使用 InfoVis 在我的一个项目中生成空间树可视化。由于这是一个交互式网站,因此每次用户更改偏好时都需要重新生成空间树。
这需要彻底清除空间树,并在同一空间重新绘制一棵新树。此外,图表区域可以随着页面大小的变化而调整大小。这需要重新绘制空间树。

我在绘制新的空间树之前尝试清除之前绘制的空间树时遇到了几个问题。我正在使用以下代码段来清除先前的绘图,但它失败得很惨。

如果有人可以指导我如何解决这个问题,那就太好了,因为这阻碍了我的进步。提前致谢。

在此处输入图像描述

0 投票
1 回答
905 浏览

matlab - Tableau 中类似数量的并排条形图

我是 Tableau 新手,但需要相当简单的可视化。

假设我有一个表,其中包含 3 列 {Val_A、Err_Model_AB (in %)、Err_Model_AC (in %)} 和 100 行。

参数 Val_A 从 [0,1] 中获取随机值,而“Err_Model”从 [-10:10] 中获取。

现在我想要一个并排的条形图:

x 轴: Val_A 的“箱”,间隔为 0.1(所以 0-0.1、0.1-0.2 .. 0.9-1)

y 轴: Err_Model 值的“计数”

并排颜色: Red=Err_Model_AB , Green = Err_Model_AC

但是 Tableau 不明白这一点!

它让我可以绘制 (Val_A vs. Err_Val_AB) 的散点图和另一个带有 Err_Val_B 的散点图。

但我想要的是在 Val_A 范围内从 0-0.1、0.1-0.2 .. 0.9-1 计算 Err_Val_AB 的所有值。和 Err_Val_AC 的类似并排栏

有什么想法吗 ?我不介意将它转移到 MATLAB 或任何其他相对简单的 infovis 软件。

0 投票
1 回答
1265 浏览

javascript - d3悬停在图例上,如何确定id

我试图确定当我将鼠标悬停在某个图例项目上时,我怎么知道我悬停在哪一个。

现在,图例中有 3 个矩形。如何获得我悬停的矩形的 id?

0 投票
1 回答
351 浏览

javascript - 空间树切换功能

我正在研究此链接Space Tree Animation上提供的空间树。在过去的 3 个小时里,我正在尝试在此树中添加切换功能。例如,如果我单击一个节点并打开它的所有子节点,那么它应该折叠,反之亦然。所以简单来说,我想要一种切换功能。我怎样才能实现这一点?其次,当我单击一个节点时,它的兄弟姐妹会折叠我怎样才能阻止这个?。对我来说整理它有点复杂。任何帮助将不胜感激。

0 投票
2 回答
8472 浏览

javascript - 流程图和状态机

具体来说,我正在查看 JavaScript 库;JavaScript InfoVis ToolkitD3绘制流程图和状态机。

这两种方法都提供了很多可视化数据的方法。但是,似乎没有一个示例符合以下要求(尤其是流程图)。

要清楚,我的意思是这些。

流程图

流程图

(来源: http: //philosophy.hku.hk/think/strategy/chart.php

  • 有一个起点和终点的分支。
  • 节点和分支上的标签。
  • 有一个逻辑流布局(例如不是随机定位的节点)。
  • 形状并不重要。

状态机

有限状态机

(来源:http ://www.oracle.com/technetwork/systems/fsm-156381.html )

  • 节点和分支上的标签。
  • 形状并不重要。

这些库中的任何一个都能够满足我的要求吗?

我的要求甚至是对这些库的适当使用吗?

干杯,

0 投票
1 回答
113 浏览

jquery - Infovis 强制定向节点名称重叠

嗨,我正在使用 Infovis(JIT) 强制有向图,我有 100 多个节点连接到单个父节点,这会创建一个圆形,但节点的名称是重叠的,很难读取它们的名称。有什么方法可以自定义它以使其发生。任何帮助将不胜感激。仅供参考,我尝试overritable: false输入 Label 变量,但它不起作用

一些节点是这样来的:在此处输入图像描述

或者请提出任何随机增加减小边缘大小的方法。

0 投票
0 回答
58 浏览

javascript - jInfoVis 可视化:在 json 数据上设置节点颜色

这个新手问题与 InfoVis 可视化项目有关。

虽然可以在 JSON 数据中定义节点的颜色和其他属性:

我想根据另一个元素设置节点的颜色,例如“风险”的值:

例如

加载 JSON 时根据数据内容更改节点颜色的最佳方法是什么。

更新:

到目前为止,此解决方案有效:

但是,在单击其中一个节点之前,它不会呈现新颜色

后续问题:如果这是一个合理的解决方案,如何在首次加载可视化时呈现新颜色?

更新:

代码必须放在页面末尾。

0 投票
1 回答
37 浏览

javascript - infovis onbeforeplot 节点颜色设置仅在鼠标悬停后可见

我正在使用 InfoVis JIT sunburst 可视化并相应地修改节点和父节点颜色:

我遇到的问题是,在我将光标移到可视化的任何部分之前,颜色设置是不可见的。

  • 有趣的是,第一个颜色分配有效,node.data.$color = '#fc9802'; (在需要移动光标之前):

有没有办法在渲染之前刷新(或设置颜色的更好方法)?

0 投票
0 回答
67 浏览

javascript - Javascript InfoVis SpaceTree:导航(拖动树并选择节点)问题

我正在使用 Javascript InfoVis SpaceTree。我的 SpaceTree 有超过 500 个节点。一切正常,直到我拖动树(导航)。这取决于我拖动它的距离,然后选择具有下一级树的节点,该选定的节点将呈现在视口之外的某处/之外。所以我必须把图表拖回来才能看到。

有没有办法告诉 SpaceTree 在重绘节点之前将下一个选定节点居中到视口?

参考。
https://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html

提前感谢您的帮助!

0 投票
1 回答
41 浏览

javascript - JIT Infovis sunburst 节点合约/扩展

我正在使用 Infovis javascript 工具包渲染旭日形图。

我希望折叠某个级别以上的所有节点,以便可以有选择地展开它们。

我在用:

这不起作用。