Zum Inhalt springen
VellumVellum öffnen

Diagramme, die bei der Seite bleiben.

Tippe eine Tabelle und mach ein Diagramm daraus, oder zeichne interaktive Diagramme mit Code. Diagramme werden mit der Seite gespeichert, passen sich deinem Theme an und funktionieren offline.

Ein Diagramm in Vellum erstellenVellum öffnen
Ein interaktives Vega-Lite-Balkendiagramm, gezeichnet von einer JavaScript-Zelle in einer Vellum-Seite.
Ein interaktives Vega-Lite-Balkendiagramm, gezeichnet von einer JavaScript-Zelle in einer Vellum-Seite.

Aus Code

Zellen zeichnen dieselben interaktiven Diagramme wie Jupyter, mit denselben Bibliotheken: Plotly und Altair in Python (fig.show(), oder das Diagramm als letzten Wert stehen lassen), display.plotly() und display.vegalite() in JavaScript sowie plotly in R. matplotlib-Grafiken erscheinen als Bilder.

```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" } },
})
```

Aus einer Tabelle

Tippe eine Markdown-Tabelle mit Zahlen, und Vellum bietet „Diagramm erstellen“ an; an eine Seite angehängte Tabellendateien haben denselben Knopf. Das Diagramm ist ein Mermaid-Balkendiagramm, das direkt nach der Tabelle in die Seite geschrieben wird, sodass du es wie jeden Text bearbeiten kannst, und es läuft kein Code. Mermaid-Diagramme und mathematische Formeln funktionieren in jeder Seite.

Sicher und offline

Jedes Diagramm wird in einem eigenen abgeschotteten Frame ohne Netzwerkzugriff gezeichnet. Aus Diagramm-Spezifikationen, die ins Web zeigen, werden diese Links entfernt, und die Diagramm-Bibliotheken werden von Vellum ausgeliefert und nach der ersten Nutzung zwischengespeichert.

In der App