slidev-addon-graph

Slidev addon for draggable graphs

[!WARNING] This is work in progress.

Usage

pnpm add -D slidev-addon-graph

In the frontmatter of your slides.md:

---
addons:
  - slidev-addon-graph
---

In your slides:

<SlidevGraph
  id="graph1"
  :items="[
    { name: 'foo', color: '#155' },
    { name: 'bar', color: '#551', from: ['foo'] },
  ]"
/>

id is required and should be unique for each graph. When the graph is rendered, you can double click the graph to make it draggable, new positions of the nodes will be saved under .slidev/graph/${id}.json that you should commit to your source control.

Sponsors

License

MIT License © 2024-PRESENT Anthony Fu