问题标签 [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 投票
3 回答
2013 浏览

vega - Vega/Lite 中的动画

我尝试实现类似于https://vimeo.com/177767802中显示的动画(分钟 2:30)

我的代码如下:

本质上它与视频中的代码相同,唯一的区别是我使用了一个较小的数据集(我取自 H. Wickham。)

我尝试使用 Vega-Lite 编辑器 ( https://vega.github.io/vega-editor/?mode=vega-lite&renderer=svg ) 渲染绘图。生成的散点图是正确的,圆圈是灰色的(应该是灰色的),但它不显示任何动画并且图例已损坏。

我的问题是代码是否有问题,这是我忽略的。如果代码是正确的,但问题是我使用 Vega-Lite 1.0 而不是 Vega-Lite 2.0 有没有办法在 Vega 中使用 Vega-Lite 2.0(完全理解使用 alfa 版本代码的风险) - 精简版编辑器?

0 投票
1 回答
117 浏览

r - vegalite in sweeve 在 R

我正在尝试使用 vegalite 在 sweeve/knitr 中显示一些图,但我得到的只是一个没有图的空白区域。

我的代码如下,它基于一个教程示例:

我在用:

我想知道我应该怎么做才能看到正确显示的数据

0 投票
1 回答
274 浏览

anaconda - altair/Vega-Lite 中的网格分层图

我想比较一个 altair(最终是 vega-lite)分层图的多个条件。完美的解决方案是刻面/格子图,这样我就可以并排看到不同的条件。不幸的是,我无法弄清楚如何给出命令来绘制不同的条件。

这是我基于分层图示例实现我的想法的尝试:(https://github.com/ellisonbg/altair/blob/master/altair/notebooks/07-LayeredCharts.ipynb

与示例相比,我添加了带有两个条件的列“z”,以及图表定义中的两个列语句。此解决方案生成看似不错的 Vega-lite 代码,但没有情节。或者我尝试了“chart = LayeredChart(data).encode(column='z:Q')”但我得到了错误'LayeredChart' object has no attribute 'encode'

我想知道是否有可能对分层图进行刻面(格子),以及在未来的 Vega-Lite 版本中是否有可能。

我正在将 jupyter 与 Anaconda 一起使用

0 投票
1 回答
210 浏览

vega - Vegalite 日线图摆动

我遇到了 vegalite 的问题,即当线条应该是直的并且日期不等间距时,图表会出现“摇摆线”。

任何人都可以验证这是一个错误,还是我在规范中犯了错误? 在此处输入图像描述.

我发现当您增加数据点的数量时,这个问题会变得更加严重。

要复制此问题,请将以下规范粘贴到vega lite 编辑器中:

编辑:后续 - 在 Altair 中进行实验,似乎与日期方面无关。以下两个代码块都会遇到相同的问题:

相反,以下产生了一个平滑的图(pandas 和 matplotlib):

0 投票
2 回答
1171 浏览

python - [Python+Altair (Vega-lite)]: Streamgraph from excel-like Pandas' Dataframe

我有一个 Pandas 的数据框,我想使用 Altair 进行可视化,但看起来库语法还超出了我的技能:

我找不到像这样创建 Streamgraph 的语法,取自 Altair 的教程(06-AreaCharts): (取自 Altair 教程,06-AreaCharts

我可以可视化单行,但它不是我的数据的最佳表示:

有没有一种方法可以直接从多列数据框中创建 Streamgraph 而无需通过 LayeredChart?

0 投票
1 回答
100 浏览

node.js - 无法启动 vega-editor

vega-editor允许交互式编辑和查看渲染vegavega-lite可视化 。https://github.com/vega/vega-editor

我已经按照上面的说明安装了README.md。两者npm link都不起作用vegavega-lite:所以我手动将其复制.jsvega-editor/vendor目录中:

这确实解决了and的404问题。然而,主要只显示空白页。使用我们看到:vega.jsvega-lite.jsindex.htmlview source

在此处输入图像描述

那么这里可能缺少什么来启动编辑器网页呢?

0 投票
1 回答
213 浏览

javascript - 为什么从 Vega 编辑器简单复制过去的规范不能在本地工作?

我在 Vega Editor 中有这个规范,它可以工作:

但是,当我将过去复制到本地开发中时,它不起作用。

首先,我将版本 3.0.0-beta.31 放入 src="https://vega.github.io/vega/vega.js",在我看到它不起作用后,我尝试了这个脚本 source src=" https://cdnjs.cloudflare.com/ajax/libs/vega/2.6.5/vega.min.js”谁是相同版本的Vega编辑器...但是它也不起作用!

请问有人可以帮助我吗?

0 投票
1 回答
625 浏览

vega-lite - 在 vega-lite 中订购标称轴值

我有一个 vega-lite 分层条形图来比较前后李克特量表调查结果。x 轴具有 likert 选项,但这些选项按字母顺序排列。x轴值的顺序可以排序吗?例如“非常不同意,不同意,神经,同意,非常同意”?

示例 vega-lite 代码:

0 投票
2 回答
136 浏览

svg - 是否可以用 vega-lite 或 vega 制作格子分层图

我想知道 vega-Lite 或 Vega 是否支持制作具有额外层的格子可视化?

我能够制作两种可视化类型,但不能将它们结合起来。我的问题是我希望能够使用导出到 png/svg 按钮一次保存所有分层图形。

谢谢你的帮助

0 投票
0 回答
99 浏览

javascript - 如何从文本字段中读取 vega-lite 代码?

我正在尝试为 vega-lite 编写一个代码编辑器(很像他们提供的那个,但有一些附加功能)。为什么 vega-lite 不能运行从 textarea 获取的代码,我该如何解决这个问题?

任何帮助将不胜感激。