Directed Acyclic Graph Builder For Vue – DAG

Install & Download:

Description:

A customizable, data-driven, event-based directed acyclic graph builder for Vue.js.

Basic Usage:

1. Import and register the DAG component.

import VueDag from 'vue-dag';
import 'vue-dag/dist/vue-dag.css';

export default {
  components: {
    VueDag
  }
}

2. Add the component to the template and we’re ready to go.

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

Preview: