Data-driven Directed Acyclic Graph (DAG) Builder for Vue.js


Vue DAG Builder is a visual data-guided pie chart (DAG) builder for Vue.js. Set the DAG form as JSON and keep it in sync all the time. Use custom style rules and slot content for full customization.

directed acyclic graph library, javascript directed graph visualization, javascript network graph library, javascript graph visualization library, data-driven directed acyclic graphs

How to make use of it:

Install and download:

npm install --save vue-dag

yarn add vue-dag

1. Import and register a DAG component.

import VueDag from 'vue-dag';
import 'vue-dag/dist/vue-dag.css';
export default {
  components: {

2. Add the component to the form and we’re good to go.

<vue-dag v-model="graphData"></vue-dag>

Directed Acyclic Graph Builder, Vue DAG Builder Plugin/Github

See Demo And Download

Official Website(AlexImb): Click Here

This superior jQuery/javascript plugin is developed by AlexImb. For extra Advanced Usage, please go to the official website.