2

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

我的代码如下：

{
  "data": {
    "values": [
      {"A": 2,"B": 3,"C": 4,"D": "a"},
      {"A": 1,"B": 2,"C": 1,"D": "a"},
      {"A": 4,"B": 5,"C": 15,"D": "b"},
      {"A": 9,"B": 10,"C": 80,"D": "b"}
    ]
  },
  "mark": "circle",
  "select": {"id": {"type": "point","on": "mauseover"}},
  "encoding": {
    "x": {"field": "A","type": "quantitative"},
    "y": {"field": "B","type": "quantitative"},
    "color": [
      {"if": "id","field": "D","type": "nominal"},
      {"value": "grey"}
    ],
    "size": {"value": 100}
  },
  "config": {"mark": {"fillOpacity": 0.5}}
}

本质上它与视频中的代码相同，唯一的区别是我使用了一个较小的数据集（我取自 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 版本代码的风险） - 精简版编辑器？

4

3 回答 3

4

现在是 2021 年，还可以查看Gemini，它旨在将数据语法扩展到单视图Vega/Vega-Lite 图表的一些简单动画

于 2021-07-16T18:21:37.363 回答
2

您可以在https://vega.github.io/editor上选择 Vega 3 和 Vega-Lite 2 。我们将不断更新已部署的版本。

于 2017-07-31T04:53:52.843 回答
1

Vega-lite 目前不支持选择，尽管它会在即将发布的 2.0 版本中。该视频是将于今年晚些时候推出的交互式功能的预览。

于 2017-02-23T15:30:01.180 回答