问题标签 [parallel-coordinates]

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

r - 在 X 轴上具有固定比例的 R 平行坐标图,无论图变得多大

我正在尝试在 R 中构建一个平行坐标图,以显示不同年龄段的排名差异。我想在 Y 轴上有一个固定的比例来显示这些值。

这是一个PC图: 在此处输入图像描述

目标是非常清楚地看到线条的斜率。因此,如果我的值 1 与值 1000 绑定,我希望看到这条线一直急剧下降。

到目前为止,在 R 中,如果我的值太大,我的情节就会被压扁,所以一切都合适,很难想象任何东西。

到目前为止,我绘制平行坐标图的代码如下:

我已经研究了如何使用像 scales 这样的库来改变 ggplot 中的比例,但是当我有一层比例时,图表甚至不再显示了。

关于如何使用固定比例的任何想法(比如在图中显示为 5px 的等级差异 1),即使这意味着情节非常高

谢谢!!:)

0 投票
0 回答
115 浏览

javascript - 平行坐标画笔功能

此链接中的平行坐标代码中,我无法正确理解“刷”功能。

这段代码中的 p 是什么?我是什么?

在这部分代码return extents[i][0] <= d[p] && d[p] <= extents[i][1];中,我们正在寻找我们感兴趣的数据(我们绘制的矩形内的数据),对吧?如何获取此数据的行索引以供将来处理?

0 投票
1 回答
1631 浏览

javascript - 带复选框的平行坐标

我有一些数据,我想使用平行坐标将它们可视化。

我的数据由 200 行(案例)和 100 列(特征)组成。我只需要可视化部分数据(200x8),包括feature1、feature2、...、feature8。此外,我有 4 列数据(A、B、C 和 D),它们的值为 0 或 1。例如,如果一个案例(行)的 A 列的值为 1,则表示数据案例是类型一个。

我已经有了绘制平行坐标的代码:

现在,我想添加 4 个复选框,用户可以选择他/她想要在平行坐标中看到的类型。例如,如果用户检查 A 类型,则应将其 A 列中值为 1 的案例(行)可视化。

我该怎么做?

我非常感谢您能提供的任何帮助:)


这(5x31)块数据类似于我的数据:

0 投票
1 回答
1401 浏览

javascript - D3:加载多个 CSV 文件,并使用平行坐标将它们可视化

我有 4 个 csv 文件(比如 4 个类),每个都有 100x200 个元素(100 个案例,200 个特征)。我需要使用平行坐标来可视化其中一些功能(feature1、feature2、...、feature8;因此每个 csv 文件我将有 100x8)。要识别这些类,我需要使用 4 种不同的颜色。

我已经有了可用于在一个 csv 文件中可视化数据 (100x10) 的平行坐标。代码如下:

我的示例数据也是这样的:

现在,我有两个问题:

首先,我不知道如何同时加载 4 个 csv 文件?将来,我可能需要增加类的数量(即增加需要可视化的 csv 文件的数量),所以也许结合 csv 文件,只加载一个 csv 文件不是一个好主意。我该如何处理?

其次,我应该如何为它们所属的 csv 文件的行着色?

0 投票
1 回答
1924 浏览

javascript - 颜色编码平行坐标

我已经有一个绘制平行坐标的代码,效果很好。我可以为某些功能绘制平行坐标(label, feature1, feature2, ..., feature5:我的数据库的某些特定列)。

在我的测试输入文件中,label特征的值是 1、2 或 3。现在,我想删除label轴,而是使用 3 种颜色对平行坐标可视化进行颜色编码。我不知道该怎么做。如果您能帮助我,我将不胜感激。

这是我的一大块数据:

此外,您可以在这里找到我的代码:http: //jsfiddle.net/SaraJS/ubBwY/10/

(另外,“test.csv”在这里;我无法将它链接到我的代码。)

0 投票
1 回答
792 浏览

javascript - 并非所有坐标都使用平行坐标 (d3) 绘制

我正在尝试使用平行坐标库来绘制一些数据。我拥有的数据点的坐标都是字符串。例如考虑下CSV表:

这是两个数据点,每个数据点有六个属性。我拥有的htmlMWE 如下:

不幸的是,正如您在屏幕截图中看到的那样,这只绘制了四 (4) 个坐标...我认为问题与所有坐标都是字符串这一事实有关,但我不确定。

在此处输入图像描述

任何建议如何纠正这个问题?

0 投票
0 回答
94 浏览

javascript - 使用 d3.js 在加载时选择刷过的选择

我正在实现平行坐标d3.js 可视化,我想知道是否有一种方法可以在页面加载(或按钮单击)时预先选择刷子选择。

我知道我需要做以下一些事情,但我不清楚相关部分是什么:

0 投票
1 回答
75 浏览

javascript - 将平行坐标链接到图像并在该图像中进行更改

想象一下我有一组图像(图像数量:N),每个图像中有几个圆圈。

我使用图像处理算法从每张图像中提取了 10 个特征。在这 10 个特征中,我有该特定圆的中心坐标(cx 和 cy)。

对于其中有 m 个圆圈的特定图像,我将有一个 m x 10 的数组(m 是该图像中的圆圈数)。所以结果将是一个 N*m x 10 的数组。

我使用 D3 编写了一个 Javascript 代码,它为这 8 个特征(不是 cx 和 cy)绘制平行坐标。现在,我想为我的平行坐标添加一个特定的功能,通过悬停在不同的线(不同的圆圈)上,显示相关的图像,并且可以识别图像中特定圆圈的中心。请看下图。

我不知道是否可以使用 Javascript 和 D3。如果有人能帮助我解决这个问题或给我一个类似的例子,我将不胜感激。

先感谢您。

在此处输入图像描述

0 投票
1 回答
75 浏览

javascript - 为随机选择数据绘制平行坐标

我的数据中有 500 个样本(行),存储为 csv 文件。您可以看到它的 5 行,如下所示:

我正在为我的数据绘制平行坐标。这是读取 csv 文件并对其进行过滤的代码部分:

现在,我想改变它,而不是绘制 500 个样本(平行坐标中的 500 条折线),而是随机选择 100 个数据。我该怎么做?

0 投票
1 回答
45 浏览

r - (搜索路径?) lattice::parallelplot 中的怪事

我需要构建一个平行坐标图,我正在尝试使用lattice::parallellplot它。现在,它似乎无法在 data.frame 中找到变量..

为什么parallelplot函数找不到数据框中的列?

关于会议的一些信息: