问题标签 [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.
javascript - vega .on 事件处理程序
我从这个链接得到的这段代码:
https://github.com/trifacta/vega/blob/master/examples/interact/index.html
我不明白什么是
我正在使用它在 vega 上绘制图表。
d3.js - 如何在 vega 中声明自定义地图 dataviz?
我已经使用mediawiki Limn 的扩展(使用vega库)开发了一个带有地图和sankey 图的数据可视化,我想将其嵌入到 wiki 中。
在阅读vega
了文档并查看了编辑器地图示例之后,我想知道是否可以将这个 dataviz 声明vega
为一个或两个可视化?
topojson - Vega 地图高亮显示
我正在尝试在维基百科上启用 Vega 图表/地图,并寻找一种方法来绘制不同国家/地区的地图,并以不同的颜色突出显示。因此,对于http://graphtest.wmflabs.org/wiki/Graph:Map上的地图,我想要另一个表格,例如 US=red,FR=green,HE=blue 等,它将用颜色突出显示给定的国家. Graph 的定义使用数字国家 ID,因此实际上我将有一个表“10”:“red”等。我似乎无法弄清楚的是如何将国家数据与 vega json 中的突出显示混合。
- 随意编辑该网站http://graphtest.wmflabs.org
- 地图数据位于http://graphtest.wmflabs.org/wiki/Data:Json:World-110m
- 尽管在 graphtest 中启用了过滤器,但出于安全考虑,它们将在 Wikipedia 中被禁用
r - 将闪亮呈现的 ggvis 图表的默认大小链接到 wellPanel 的尺寸
我有一个非常酷的闪亮应用程序,可以查看我在工作中所做的一些建模的结果。我使用的设备之一是位于 wellPanel 中的 ggvis 折线图。我想部署该应用程序以在线查看,但通过在普通尺寸的屏幕(笔记本电脑)上查看该应用程序,我知道 ggvis 图溢出了 wellPanel 的边界。对我来说没什么大不了的,因为我有一个大屏幕,如果我在一个小屏幕上看它,我知道我可以交互地调整 ggvis 图表的大小,但我不想告诉人们这样做。如果我重新调整 ggvis 图表的大小,wellPanel 会做出响应,因此这两个对象的大小之间必须存在某种联系。
那么有没有办法将渲染的 ggvis 图表的默认大小设置为它所在容器的默认大小,而不管用户的屏幕大小如何?我知道 ggvis 是用 SVG 渲染的,所以探索这可能是富有成效的。我没有直接使用 SVG 或 Vega。示例代码如下,这里是指向Shinyapps 上托管的应用程序的链接。有什么想法吗?
注意:我显然发布了代码供人们使用。我想我只是想明确一点,我不是在问如何让这个闪亮的应用程序运行的问题——更多的是如何设计它。当然,我欢迎其他建议。干杯。
用户界面
服务器.r
全球.r
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
会话信息()
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,它可以工作!
python - 无法在 iPython 中使用 Vincent 绘制 chloreopath 世界地图
尝试在文森特绘制阴影世界地图(类似于此处地图数据绑定部分中的县示例)。我的代码不会抛出错误,但会生成一个纯色地图(即所有国家都是蓝色的)。
我有描述每个国家的主题数据(国家被标识为 iso3 代码)。我的数据的玩具版本是:
我从 vincent map repo 中剥离了世界国家地图中的 id 代码,并创建了一个数据框,将数据中的信息与世界地图 json 中的 id 代码(它们是 iso3 代码)相匹配:
map_data 看起来不错,有 177 个条目(等于世界国家/地区中多边形(国家)的数量),x 没有 NaN,并且匹配它们应该在的位置,尽管其中四个 id 代码等于 -99(这些地方像没有正式 iso3 代码的科索沃)。最后,我使用文森特绘制数据:
同样,此代码运行没有错误,但地图没有基于 x 值的主题着色。
vega - 带有辅助 y 轴的 Vega 图
我正在尝试在 Vega 中创建一个带有辅助 y 轴的区域图。我正在构建编辑器中显示的面积图示例。我在数据中添加了一个“col”字段,并使用构面转换将数据组织成以“col”为键的组。我已经为每个组添加了辅助轴和比例,但我无法弄清楚在声明标记时如何将数据列映射到适当的比例。换句话说,我不知道如何在“enter”属性中使用“y”和“y2”,如果当前标记为 col=A,则使用比例“A”,如果当前标记为 col,则使用比例“B” =B。这是我正在处理的 vega 对象:
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 的特定方式来解决此错误?
vega - 重命名 Vega Graphs 中的图例值,并保持颜色一致
我的数据包含 3 列 - 日期、类别和值。类别是我想扩展的短字符串代码,例如“r”=>“regular”、“n”=>“prohibited”等,并显示正确的图例字符串。有没有办法进行映射{"r":"regular", "n": "prohibited"}
- 未列出的将按原样显示?
此外,由于我有许多类似的图表,我希望颜色保持一致。对类别进行排序没有帮助,因为并非所有图表都包含所有这些。如何设置映射{"r":"blue", "n": "#332211"}
我可以使用映射的类别名称,如“常规”。所有未映射的值都应来自其他来源,例如 Categories20 等。