VueUiDag new component ! 🎉
Enregistrement.de.l.ecran.2025-12-07.a.17.58.38.mov
Create easily a performant DAG graph
- Simple dataset:
const dataset = ref({
nodes: [
{ id: "A", label: "A",},
{ id: "B", label: "B",},
{ id: "C", label: "C", backgroundColor: '#FF0000', color: '#FFFFFF'},
{ id: "D", label: "D" },
],
edges: [
{ from: "A", to: "B",},
{ from: "B", to: "A" },
{ from: "B", to: "A" },
{ from: "C", to: "A", color: '#FF0000'},
{ from: "B", to: "D" },
{ from: "C", to: "D", color: '#FF0000' },
{ from: "D", to: "A" },
]
});- Customize everything through the config object (node size, tooltips, arrows, etc)
- Customize content through comprehensive slots (node content, tooltips, labels)
- Pan zoom feature
Documentation is up to date
View examples
A chart maker is also available.