跳到正文
Vellum打开 Vellum

和页面在一起的图表。

输入一张表格就能变成图表,或用代码绘制交互式图表。图表随页面保存,跟随你的主题重绘,并且离线可用。

Vellum 页面中由 JavaScript 单元格绘制的交互式 Vega-Lite 条形图。
Vellum 页面中由 JavaScript 单元格绘制的交互式 Vega-Lite 条形图。

用代码绘制

单元格能用和 Jupyter 相同的库绘制同样的交互式图表:Python 中的 Plotly 和 Altair(fig.show(),或把图表作为最后一个值),JavaScript 中的 display.plotly() 和 display.vegalite(),以及 R 中的 plotly。matplotlib 图形以图片显示。

```js
display.vegalite({
  data: { values: [{ week: 1, cm: 4 }, { week: 2, cm: 9 }, { week: 3, cm: 17 }] },
  mark: "bar",
  encoding: { x: { field: "week" }, y: { field: "cm", type: "quantitative" } },
})
```

用表格生成

输入一张带数字的 Markdown 表格,Vellum 就会提供“生成图表”;附加到页面的电子表格也有同样的按钮。生成的图表是一张 Mermaid 条形图,直接写在页面中表格的后面,你可以像编辑普通文字一样编辑它,而且不会运行任何代码。Mermaid 图示和数学公式在任何页面中都能使用。

安全且离线可用

每张图表都在各自的沙盒框架中绘制,无法访问网络。指向网络的图表配置会去掉这些链接,图表库由 Vellum 提供,首次使用后即被缓存。

在应用中