问题标签 [vega]

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 投票
0 回答
285 浏览

javascript - vega .on 事件处理程序

我从这个链接得到的这段代码:

https://github.com/trifacta/vega/blob/master/examples/interact/index.html

我不明白什么是

我正在使用它在 vega 上绘制图表。

0 投票
0 回答
379 浏览

d3.js - 如何在 vega 中声明自定义地图 dataviz?

我已经使用mediawiki Limn 的扩展(使用vega库)开发了一个带有地图和sankey 图的数据可视化,我想将其嵌入到 wiki 中。

ECV-IJBA 地图/桑基图数据可视化

在阅读vega了文档并查看了编辑器地图示例之后,我想知道是否可以将这个 dataviz 声明vega为一个或两个可视化

0 投票
1 回答
371 浏览

topojson - Vega 地图高亮显示

我正在尝试在维基百科上启用 Vega 图表/地图,并寻找一种方法来绘制不同国家/地区的地图,并以不同的颜色突出显示。因此,对于http://graphtest.wmflabs.org/wiki/Graph:Map上的地图,我想要另一个表格,例如 US=red,FR=green,HE=blue 等,它将用颜色突出显示给定的国家. Graph 的定义使用数字国家 ID,因此实际上我将有一个表“10”:“red”等。我似乎无法弄清楚的是如何将国家数据与 vega json 中的突出显示混合。

0 投票
0 回答
361 浏览

r - 将闪亮呈现的 ggvis 图表的默认大小链接到 wellPanel 的尺寸

我有一个非常酷的闪亮应用程序,可以查看我在工作中所做的一些建模的结果。我使用的设备之一是位于 wellPanel 中的 ggvis 折线图。我想部署该应用程序以在线查看,但通过在普通尺寸的屏幕(笔记本电脑)上查看该应用程序,我知道 ggvis 图溢出了 wellPanel 的边界。对我来说没什么大不了的,因为我有一个大屏幕,如果我在一个小屏幕上看它,我知道我可以交互地调整 ggvis 图表的大小,但我不想告诉人们这样做。如果我重新调整 ggvis 图表的大小,wellPanel 会做出响应,因此这两个对象的大小之间必须存在某种联系。

那么有没有办法将渲染的 ggvis 图表的默认大小设置为它所在容器的默认大小,而不管用户的屏幕大小如何?我知道 ggvis 是用 SVG 渲染的,所以探索这可能是富有成效的。我没有直接使用 SVG 或 Vega。示例代码如下,这里是指向Shinyapps 上托管的应用程序的链接。有什么想法吗?

注意:我显然发布了代码供人们使用。我想我只是想明确一点,我不是在问如何让这个闪亮的应用程序运行的问题——更多的是如何设计它。当然,我欢迎其他建议。干杯。

用户界面

服务器.r

全球.r

0 投票
1 回答
596 浏览

r - 让 ggvis::export_png() 工作

目标

将图窗导出ggvis为 PNG 文件(以包含在 .Rmd 文档中)。

问题

我对 Node.js 基本上一无所知,除了它很棒而且我应该知道更多。

我得到:


设置

平台

  • OS X 小牛 (10.9.5)
  • RStudio (0.98.945)
  • 用于devtools::install_github("hadley/ggvis")安装ggvis(0.3.0.9001)和依赖
  • 克隆https://github.com/trifacta/vega/usr/local/src/vega
  • 符号链接./bin/vg2png -> /usr/local/src/vega/bin/vg2png

会话信息()

0 投票
0 回答
271 浏览

javascript - Vega javascript 在 django 模板中无法正确执行

我正在 django 中开发一个网站,我需要为此显示美国各州的地图。我有一个返回地图 JSON 规范的 URL(使用 vincent - http://wrobstory.github.io/2013/04/python-maps-choropleth.html生成)和一个返回 us_states.topo.json 的 URL由 vega 运行时 ( https://github.com/trifacta/vega/wiki/Runtime ) 用来渲染地图。两个 URL 都来自同一个 DJango 服务器,并且似乎工作正常。以下是网址(为便于理解):

以下是模板:

根据服务器日志,确实调用了“parse”函数(两个 URL 都有 GET 调用),但是地图的图像没有被渲染。

我在这里错过了什么吗?

PS:我在不同的 SimpleHttpServer 上单独尝试了这个 javascript,它可以工作!

0 投票
1 回答
161 浏览

python - 无法在 iPython 中使用 Vincent 绘制 chloreopath 世界地图

尝试在文森特绘制阴影世界地图(类似于此处地图数据绑定部分中的县示例)。我的代码不会抛出错误,但会生成一个纯色地图(即所有国家都是蓝色的)。

我有描述每个国家的主题数据(国家被标识为 iso3 代码)。我的数据的玩具版本是:

我从 vincent map repo 中剥离了世界国家地图中的 id 代码,并创建了一个数据框,将数据中的信息与世界地图 json 中的 id 代码(它们是 iso3 代码)相匹配:

map_data 看起来不错,有 177 个条目(等于世界国家/地区中多边形(国家)的数量),x 没有 NaN,并且匹配它们应该在的位置,尽管其中四个 id 代码等于 -99(这些地方像没有正式 iso3 代码的科索沃)。最后,我使用文森特绘制数据:

同样,此代码运行没有错误,但地图没有基于 x 值的主题着色。

0 投票
1 回答
968 浏览

vega - 带有辅助 y 轴的 Vega 图

我正在尝试在 Vega 中创建一个带有辅助 y 轴的区域图。我正在构建编辑器中显示的面积图示例。我在数据中添加了一个“col”字段,并使用构面转换将数据组织成以“col”为键的组。我已经为每个组添加了辅助轴和比例,但我无法弄清楚在声明标记时如何将数据列映射到适当的比例。换句话说,我不知道如何在“enter”属性中使用“y”和“y2”,如果当前标记为 col=A,则使用比例“A”,如果当前标记为 col,则使用比例“B” =B。这是我正在处理的 vega 对象:

0 投票
0 回答
788 浏览

r - 在 Windows 上从 vega(node.js 模块)安装 v2png 程序

R ggvis 包中的export_png()功能要求我们vg2png从 node.js 模块安装程序vega。(来源:R 文档

我在 Windows 上安装了 node 和 npm,然后运行npm install vega​​.

这是我运行的输出npm install vega

我不确定它是否安装正确。现在,当我运行时:

我收到以下错误:

写入文件 plot.png

vega_file(vis, file = file, type = "png") 中的错误:

未找到转换程序 vg2png。

是否有必须在 Windows 上安装 vega 的特定方式来解决此错误?

0 投票
1 回答
1232 浏览

vega - 重命名 Vega Graphs 中的图例值,并保持颜色一致

我的数据包含 3 列 - 日期、类别和值。类别是我想扩展的短字符串代码,例如“r”=>“regular”、“n”=>“prohibited”等,并显示正确的图例字符串。有没有办法进行映射{"r":"regular", "n": "prohibited"}- 未列出的将按原样显示?

此外,由于我有许多类似的图表,我希望颜色保持一致。对类别进行排序没有帮助,因为并非所有图表都包含所有这些。如何设置映射{"r":"blue", "n": "#332211"}我可以使用映射的类别名称,如“常规”。所有未映射的值都应来自其他来源,例如 Categories20 等。