问题标签 [stream-graph]

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

javascript - 如何将工具提示应用于 d3 嵌套层(流图)中的元素

我正在尝试创建一个 交互式流图,它在某些点使用工具提示,例如 this。一些数据点中有文本,当我将鼠标悬停在圆圈上时,我正在绘制圆圈并显示数据。

如何让圆圈出现在所有图层中的每个元素的相应位置?大部分代码与第一张图相同,以下代码稍作修改。

此外,位于第一个图表页面底部的 data.csv 文件还有一个名为“元”的额外列。大多数条目在元中都有“---”,但有些条目有实际文本。这些是我想要显示并能够将鼠标悬停在上面的信息。

到目前为止,这是我作为参考尝试过的(它不正确或不完整:x)我把它放在 var graph 函数中:

任何帮助,将不胜感激。

0 投票
0 回答
1028 浏览

java - 用Java制作实时流图(图数据可视化)

我正在寻找 Java 中实时图形数据可视化器的示例,但我只找到了这个,它不是动态实时可视化器:

这是输出: 输出

我需要的是这样的:

在此处输入图像描述

有谁知道该怎么做?

0 投票
0 回答
296 浏览

d3.js - 在 d3 Streamgraph 中更改流/层的颜色

参考以下 Streamgraph 的实现 http://bl.ocks.org/WillTurman/4631136 如果我们有 8 个 Key,那么将有 8 个图层映射到 8 种不同的颜色。

现在如果我们有以下数据集:

我需要使用以下标准来实现上表:

  1. 1 & 2 为颜色 A
  2. 3,4,5是颜色B
  3. 6色C
  4. 17 是颜色 D
  5. 7 颜色 E
  6. 8,9,10,11 为颜色 F
  7. 13 是颜色 G
  8. 15,16 是颜色 H

那么我应该如何为同一图层分配不同的颜色

同一层可以映射到不同的颜色吗?通过给出以下输入参数:

图层/关键
日期

颜色

0 投票
2 回答
494 浏览

r - R中的streamgraphs dataviz不会绘制

有没有人检查过名为 streamgraphs 的伟大的新 dataviz 包?

以下是一些示例: http ://rpubs.com/hrbrmstr/streamgraph04

我希望随着时间的推移可视化五种不同产品的收入,并想看看它在流图中的样子。我融化了我的数据框,它看起来如下所示:

因此,连续变量在值列中。我尝试了以下方法:

我收到的错误如下:

我不太确定这意味着什么。我知道这个包裹是新的,但我想知道是否有人可以帮忙。真的很感激!

0 投票
1 回答
1341 浏览

javascript - D3.js 流图 json 数据格式

我正在尝试使用一些活动跟踪器数据生成类似于这个漂亮示例的 D3 流图。

我已经引用了这个例子 - http://jsfiddle.net/NTJPB/1/light

我的 JSFiddle - http://jsfiddle.net/Nyquist212/00war1o6/告诉我我的 json 格式有问题(尽管试图在示例中对其进行建模)。

我的代码的核心看起来像这样 -

我需要将数据按摩成什么首选/所需的 json 格式?这甚至是我的问题吗?

谢谢

0 投票
1 回答
2213 浏览

r - R Steamgraph 错误:“无效的下标类型列表”

使用 steamgraph 包时出现以下错误

数据样本:

0 投票
0 回答
49 浏览

javascript - 带有 JSON 文件的流图

我想用我之前创建的这个 Json 文件来尝试Mike Bostock的流图

这是html文件

就像 Mike Bostock 的例子一样,我想按价值和日期堆叠几个国家。我无法为流图声明变量,因为我无法获得 Json 文件的长度(国家总数)。我知道 JSON 没有 lentgh,因为它不是一个数组,但是我怎样才能得到国家的数字呢?之后,我在获取每个国家/地区的“基准”时遇到了问题,因此我可以将其映射到 y 上。我用评论标记了这些行。我可以想象这是非常基本的,但我是 D3 的新手。

编辑 1

我如何通过 Objects.keys 获取每个“基准”的值?

像这样的东西?

0 投票
1 回答
468 浏览

javascript - Streamgraph 示例 D3 的正确 JSON 格式结构

我试图用这个 D3.js 的流图布局做一些例子。我的数据有这种格式。所以我的对象在这些对象中有带有国家名称和名称的对象我有几个数组,每个月都有不同的值和每个月的日期(“基准”)

对于流图,我需要 .values 并且我知道它必须返回一些我正在使用此函数访问的 x 和 y 值(例如,0 是伊拉克,但最后我必须遍历所有国家/地区)。我认为这不是永久的解决方案。但是我的数据一般应该是什么样子,因为我意识到嵌套对我来说非常混乱。那么需要什么结构才能使用这些函数来可视化流图?

我还需要 .x 和 .y 吗?

这是我的完整代码

我不知道如何准确地为我的数据声明图层,你能帮我吗?

0 投票
1 回答
670 浏览

javascript - 在 D3.js 中对堆叠图进行不同分层的想法

我有第一次和之后在德国为难民寻求庇护的尝试的数据,因此有两个看起来像这样的图表

第一 第一次尝试/到达

第二个 在此处输入图像描述

我想从一个过渡到另一个应该不是问题,但我想要的是将它们都显示在一个图表中。因此,每个国家/地区的两个数据集的组合。但是,如果我将国家和第一个和后续(“erst/folge”)结合起来,是否可以相互区分?每个国家都应该有上层除以两个,一个是第一次尝试,另一个是这个国家的第二次尝试。区分这些子层的一个想法可能是我现在尝试的自定义 coloscale。如何在一张图中显示两个数据?甚至可以加入两个数据集并仍然看到差异吗?

这是我的html:

我的数据在我的仓库中

EDIT1:例如 csv1 包含

并且 csv2 包含

值(“Summe”)应该总结每个国家(阿富汗)每月的值,但也应该反映它们自己的堆栈值(现在我正在尝试弄清楚如何使用texture.js自定义缩放以使用纹理来区分颜色,因为每个国家/地区在此图中都应该有自己的颜色,但是正如我已经提到的,它们的子层应该不同 涂 当我尝试将两个 csv 文件放在一个文件中时,我得到的并不完全是一些与此类似, 您能否给我一些提示如何归档子层(数据结构/算法或实现此目标的方法),以便我可以继续并尝试实现纹理?失败1在此处输入图像描述

提前致谢

最终编辑作为对 Cyrils 的回答:

0 投票
1 回答
1125 浏览

r - 在 R 中创建流图

我想可视化我的数据框,其中包含 5 个随时间变化的数值。我想使用流图将其可视化,但我似乎没有以正确的方式进行操作。

是制作这些图表的R包的官方网站,但我不是很熟悉。我已经成功安装它并且示例工作正常,但我无法创建我需要的示例。

我还创建了一个新的数据框,它在单独的行上具有每个数值以具有“键值年”格式,但实际上,它们的“年”列不是一年,而是特定的时间段,对我来说是30分钟,但随着时间的推移而变化,所以应该适合这种情况。

我尝试过这样的事情:

你能帮我怎么做吗?或者你能建议我用其他方法来可视化这些数据(在 R 中)吗?

提前致谢。

数据框示例:

新数据框 (tcc1_df) 的示例: