问题标签 [vega-lite]

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

python - Altair 不在 jupyter 笔记本中渲染图表

我想使用altair查看 Jupyter notebook 中的图表。所以我尝试了教程示例。我已经安装了所需的软件包。这是我的代码:

我得到的是字典而不是图表。像这样:

使用此命令安装数据集时:

我遇到了一个错误: 在此处输入图像描述

这个错误可能是原因还是有其他问题?

我正在使用 Jupyter 实验室。使用 Ipython 版本 > 5。但我仍然只得到文本输出。 在此处输入图像描述

0 投票
1 回答
1035 浏览

elasticsearch - VEGA Kibana - 多视图图表 FLATTEN 转换

我很难弄清楚如何使用聚合/嵌套在 Vega 中构建多视图图表。

我相信这与我尝试转换数据以在 Vega 多视图图表中使用的方式有关。谁能帮我理解这一点?

我知道展平转换正在像调试节目一样工作

图片

但我得到的是这个

捕获10

这就是我想要实现的

捕获

这是我构建图表的架构

我做了很多事情,但无法理解它有什么问题

0 投票
0 回答
401 浏览

scala - 有没有办法将维加斯(用于 Vega-lite 的 scala DSL)直接渲染为 png?

我正在寻找一种使用 Vegas 将绘图渲染到本地文件系统上的 .png 文件的方法。就像是

不幸的是,我知道似乎不存在类似 .saveFigure 的方法。有没有人有任何建议的替代品?

0 投票
0 回答
860 浏览

vega - Vega 交互仪表板

我是 Vega 的新手。我想构建一个类似于https://swiss-avalanches.github.io/explore/的仪表板,使用 D3、Vega 或 Vega-lite 制作。你知道这是否可能吗?您是否有与 Vega 或 Vega-lite 的交互和动力学复杂程度相似的示例?我在那个画廊找不到一个例子。

0 投票
1 回答
186 浏览

vega - Vega lite/Altair 解析日期以季度指定

我有一个数据集,其中包含 2000Q1、2000Q2 等形式的数据。我想将其用作时间变量。

如何在 Vega Lite/Altair 中实现这一点?

0 投票
1 回答
1186 浏览

python - Altair/Vega-Lite 条形图:从聚合字段中过滤前 K 个条形图

我正在可视化具有例如分类字段的数据集。我想创建一个条形图,显示该字段的不同类别及其基数,按“升序”/“降序”顺序排序。这可以通过以下方式简单地实现altair

条形图(完整)

现在假设我只对前三个数量最多的类别感兴趣。使用“transform_window”和“transform_filter”过滤数据似乎是合理的,但我找不到这样做的方法。我还去了Vega-Lite Top K 示例,试图对其进行调整,但没有成功(我的“最佳”尝试如下所示)。

0 投票
1 回答
659 浏览

javascript - Vega 可视化中的选择是否可以从 Vega 外部访问?

我一直在阅读Vega 中的“选择器”,它允许用户单击和/或拖动可视化以突出显示数据点。

但是,从上面的文档以及在这里和其他地方搜索,我无法理解选择器是否可以在Vega 生成的可视化之外访问。例如,使用 R 和 Shiny,我希望能够允许用户在可视化中选择数据点,并让 Vega 以某种方式发布所选索引以供应用程序使用(例如,允许更改表格数据以仅显示有关所选点的信息)。

可以将以下内容粘贴到Vega 示例编辑器中,以生成打开单击和拖动选择的散点图:

{"description":"","data":{"values":[{"V1":15,"V2":14.9611},{"V1":-21.3411,"V2":-7.8442},{"V1":-16.7692,"V2":-5.663},{"V1":13.339,"V2":10.1382},{"V1":13.0422,"V2":19.1265}]},"mark":"point","encoding":{"x":{"field":"V2","type":"quantitative"},"y":{"field":"V1","type":"quantitative"}},"config":{"cell":{"width":500,"height":300},"mark":{"shape":"circle"}},"embed":{"renderer":"svg","actions":{"export":true,"source":false,"editor":false}},"selection":{"pts":{"type":"interval"}}}

Vega 是否可以公开已选择的数据点?是否通过写入隐藏的 DOM 元素、公开 javascript 变量或其他方式?

0 投票
1 回答
498 浏览

python - Altair/Vega-Lite 刻度图:从聚合字段中过滤前 K 条

我正在可视化具有例如分类字段和时间字段的数据集。我想创建一个条形图,显示不同类别的时间分布,根据它们的基数按“升序”/“降序”顺序排序。这可以通过以下方式简单地实现altair

条形图

现在假设我只对前三个数量最多的类别感兴趣。遵循“ Altair/Vega-Lite bar chart: filter top K bars from aggregated field ”的公认解决方案,这次绘图没有显示:

过滤条形图

请注意,即使是 y-labels 顺序也不如预期。

0 投票
1 回答
1612 浏览

python - 成对散点图矩阵

如何在 Altair 中制作成对散点图矩阵?我知道如何在 matplotlib 中执行此操作,但在 Altair文档或示例中没有看到类似的内容。

在此处输入图像描述 https://pandas.pydata.org/pandas-docs/stable/visualization.html#scatter-matrix-plot

0 投票
1 回答
900 浏览

python - 在 Altair 中隐藏顶轴

我想在 altair 中隐藏上轴和右轴(灰线)。

在此处输入图像描述

文档指向一个命令,但将其.configure_axisTop()添加到我的代码中并更改其参数似乎没有任何区别。

数据来源