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

d3.js - 在 d3.js 中将新轴添加到平行坐标可视化

我在这里托管了我的平行坐标代码:http: //bl.ocks.org/aditeyapandey/d416c90c99e19f7c9209

单击段落元素后,我们可以向可视化添加新轴。但是,新轴无法与其他轴正确交互。因此,如果我们将新添加的“运输”轴拖动到其他轴上,则不会出现问题。但是,如果我们将其他轴放到“运输”上,则交互不起作用。附上截图供参考。

Fig1 添加轴之前:添加轴之前

Fig2 使用新轴“航运”带新轴

Fig3 将轴拖到航运上时出错运输交互错误

PS。对于糟糕的代码,我真的很抱歉,它正在进行中,并且 gist 阻止了我,因为它认为我是一个机器人。所以,我无法修改它。非常感谢。

0 投票
2 回答
558 浏览

r - dplyr 掩盖 GGally 并打破 ggparcoord

给定一个新会话,执行函数文档中提供的一个小ggparcoord(.)示例

结果如下图:

在此处输入图像描述

同样,在一个新的会话中开始并使用加载的dplyr执行相同的脚本

结果是:

错误:(列表)对象不能被强制输入'double'

请注意,library(.)语句的顺序无关紧要

问题

  1. 代码示例有问题吗?
  2. 有没有办法克服这个问题(通过一些命名空间函数)?
  3. 或者这是一个错误?

我需要dplyrggparcoord(.)在更大的分析中,但这个最小的例子反映了我面临的问题。

版本

  • R@3.2.3
  • dplyr @ 0.4.3
  • GGally @ 1.0.1
  • ggplot @ 2.0.0

更新

总结 Joran 给出的出色答案:

答案

  1. 代码示例实际上是错误的,因为ggparcoord(.)需要一个data.frame而不是diamonds数据集给出的 tbl_df(如果加载了 dplyr)。
  2. 通过将tbl_df强制为data.frame来解决问题。
  3. 不,这不是错误。

工作代码示例:

0 投票
1 回答
1095 浏览

html - 从 D3.js 和平行坐标开始

我想使用来自syntagmatic.github.io/parallel-coordinates/#的平行坐标工具包。

由于我是 D3.js 框架的新手,因此在本地开始和可视化数据时遇到了一些麻烦。我想要实现的是使用一个独立的 HTML 示例(例如, brushing.html)并用我自己的数据编辑数据表。

我存储在本地(在 Windows 文件夹中):

  • brushing.html 示例文件
  • car.csv 文件
  • d3js.org 中的 D3.js 库文件(d3.min.js 和 d3.js)

当我在浏览器中加载 HTML 文件时,只显示文本,而不是平行坐标本身。

我错过了什么/做错了什么?我是否应该能够在本地显示与 Brushing.html 中显示的结果相同的结果?我查看了几个 D3.js 教程,但它们通常会跳过这些初步要求步骤。感谢您的任何反馈。

0 投票
1 回答
48 浏览

csv - 过滤对象数组内的属性以正确显示平行坐标 d3 中的轴

我正在从 csv 文件创建一个平行坐标图。我的 csv 文件中有几列是我脚本的其他部分需要的(例如,将 csv 加入 topojson 的 ID 列;StateName 以便我知道要显示哪个州的数据)。

以下是我的数组中每个对象的属性:CVIRISK、ERR_M_YR、FID、FULLSTATE、GEOM、LENGTH

我可以正确地创建我的平行坐标图,其中每个属性的值为我的 csv 中的每条记录绘制。

问题是我不希望 FID、FULLSTATE 或 LENGTH 有一个轴并显示在我的 PCP 中。

我想创建一个新的对象数组,其中包含删除了特定属性的所有相同对象。

0 投票
3 回答
1033 浏览

javascript - d3.js 的平行坐标

我需要用 d3.js 表示一个平行坐标。首先,我不知道我认为是否可以实现(以及平行坐标是否是正确的图表)。我将解释我的想法:我从数据库中获取数据,并将它们暴露在 JSON 中,然后将它们存储在对象数组中(使用 JavaScript)。这是数据http://pastebin.com/DZcMqDMc的示例。我想沿横坐标轴表示年份(尽管有年份重复,正如您从数据示例中看到的那样),而沿这些年份的纵坐标轴值(值以百分比为单位,范围从 1 到 100)。我想根据 JSON 文件中的“value1”和“value2”属性表示两行。可能吗?平行坐标是正确的图表吗?

我现在遇到的主要问题是我不明白如何正确设置两个域(横坐标和纵坐标)。我基于 Bostock 的 Parellel Coordinates 示例。

对于横坐标,我在想这样的事情:

有道理还是?

0 投票
1 回答
36 浏览

string - 运算符 || 未定义参数类型 boolean, String

我正在尝试使用我拥有的 csv 文件创建一个平行坐标图。我试图制作的图表看起来像我在这里绘制的图像 -> DrawnGraph。我遇到的问题是这些国家/地区在 csv 文件中单独列出。我需要创建一个代码,将这些国家/地区放在相应的大洲内。我尝试了下面的代码,但我不断收到“运算符 || 未定义参数类型布尔值,字符串”我意识到我输入错误但我不知道如何修复它。请帮忙

0 投票
2 回答
6010 浏览

python - 在 pandas/python 中绘制平行坐标

我正在尝试在 python 中使用 pandas 来绘制以下高维数据:http: //i.stack.imgur.com/34nbR.jpg

这是我的代码:

代码无法绘制数据,Traceback 错误以:

parallel_coordinates 中的第二个参数应该说/做什么?如何成功绘制数据?

0 投票
0 回答
190 浏览

webpack - 无法在模块名称包含点的 Webpack 中加载模块

我想将 d3.parcoords.js 与 webpack 一起使用。我已经通过 npm 安装了 d3.parcoords.js 但是当我执行

我收到错误消息“无法解析 d3.parcoords.js”。我的 web.config.js 中有以下内容:

我试过了

它似乎加载了 d3.parcoords.js 文件,但没有加载 d3.parcoords.js/src 文件夹下的依赖项。

我怀疑它与模块名称中的点有关,但我不知道如何解决。

我会很感激任何见解,想法。

谢谢

0 投票
1 回答
324 浏览

javascript - 平行坐标:根据尺寸值设置颜色

我正在尝试根据维度的值更改笔触颜色:状态 0 = 红色,状态 1 = 格力,状态 3 = 橙色

我尝试使用平行坐标库:https ://syntagmatic.github.io/parallel-coordinates/

那里有一个例子,但它很复杂,我无法让它工作,有人能告诉我如何在这里的简单例子中应用它吗?

或者也许是那里的简单例子?

0 投票
0 回答
198 浏览

python - 无法绘制数据框的平行坐标,我应该将什么作为第二个参数传递?

我有一个从 csv 文件中读取的数据框,看起来像这样

并且正在使用命令: parallel_coordinates(df)获取情节

但是我收到错误消息“parallel_coordinates 至少需要 2 个参数(给定 1 个)”

我不确定我应该输入什么作为第二个参数。你能帮我吗?