Saltar al contenido
VellumAbrir Vellum

Gráficos que se quedan con la página.

Escribe una tabla y conviértela en un gráfico, o dibuja gráficos interactivos desde código. Los gráficos se guardan con la página, se redibujan con tu tema y funcionan sin conexión.

Crear un gráfico en VellumAbrir Vellum
Un gráfico de barras interactivo de Vega-Lite dibujado por una celda de JavaScript en una página de Vellum.
Un gráfico de barras interactivo de Vega-Lite dibujado por una celda de JavaScript en una página de Vellum.

Desde código

Las celdas dibujan los mismos gráficos interactivos que Jupyter, con las mismas bibliotecas: Plotly y Altair en Python (fig.show(), o deja el gráfico como último valor), display.plotly() y display.vegalite() en JavaScript, y plotly en R. Las figuras de matplotlib se muestran como imágenes.

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

Desde una tabla

Escribe una tabla Markdown con números y Vellum te ofrece “Crear un gráfico”; las hojas de cálculo adjuntas a una página tienen el mismo botón. El gráfico es un gráfico de barras de Mermaid escrito en la página justo después de la tabla, así que puedes editarlo como cualquier texto, y no se ejecuta código. Los diagramas de Mermaid y las fórmulas matemáticas funcionan en cualquier página.

Seguros y sin conexión

Cada gráfico se dibuja en su propio marco aislado sin acceso a la red. A las especificaciones de gráficos que apuntan a la web se les quitan esos enlaces, y Vellum sirve las bibliotecas de gráficos, que quedan en caché tras el primer uso.

En la app