下载在 Observablehq 中呈现为 svg 的 vega-lite 图表

Question

我正在学习 Observablehq 和 Vega Lite。我创建了这个 observable：https://observablehq.com/@mavromatika/untitled

我不明白为什么界面不允许我下载图表，既不是 SVG 也不是 PNG。我知道它应该可以工作，因为示例页面中的图表都可以下载：https://observablehq.com/@vega/vega-lite-api（SVG 仅在正确呈现时）。

一定有什么明显的东西在逃避我。

Answer 1

这似乎是一个错误，如果您将宽度更改为 >= 500px，则会出现 UI 按钮以保存 SVG/PNG。我会在论坛上举报

something = {
    const plot = vl.markBar()
                  .data(data)
                  .encode(
                    vl.x().fieldN("annee"),
                    vl.y().fieldQ("valeur"),
                    vl.color().fieldN("emission")
                  )
                  .width(500)
                  .height(500)
                  .autosize({type: 'fit-x', contains: 'padding'})

      return plot.render({renderer: 'svg'});
}

下载在 Observablehq 中呈现为 svg 的 vega-lite 图表

Download vega-lite chart rendered as svg in Observablehq

vega-lite

observablehq