Aller au contenu
VellumOuvrir Vellum

Des graphiques qui restent avec la page.

Tapez un tableau et transformez-le en graphique, ou dessinez des graphiques interactifs depuis du code. Les graphiques sont enregistrés avec la page, se redessinent selon votre thème et fonctionnent hors ligne.

Faire un graphique dans VellumOuvrir Vellum
Un graphique en barres Vega-Lite interactif dessiné par une cellule JavaScript dans une page Vellum.
Un graphique en barres Vega-Lite interactif dessiné par une cellule JavaScript dans une page Vellum.

Depuis du code

Les cellules dessinent les mêmes graphiques interactifs que Jupyter, avec les mêmes bibliothèques : Plotly et Altair en Python (fig.show(), ou laissez le graphique comme dernière valeur), display.plotly() et display.vegalite() en JavaScript, et plotly en R. Les figures matplotlib s’affichent en images.

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

Depuis un tableau

Tapez un tableau Markdown avec des nombres et Vellum propose « Faire un graphique » ; les tableurs joints à une page ont le même bouton. Le graphique est un diagramme en barres Mermaid écrit dans la page juste après le tableau : vous le modifiez comme n’importe quel texte, et aucun code ne s’exécute. Les diagrammes Mermaid et les formules mathématiques fonctionnent dans toutes les pages.

Sûrs et hors ligne

Chaque graphique se dessine dans son propre cadre isolé, sans accès au réseau. Les liens vers le web sont retirés des spécifications de graphique, et les bibliothèques de graphiques sont servies par Vellum et mises en cache après la première utilisation.

Dans l’application