@dgdv/vue-flowchart v1.2.4

@dgdv/vue-flowchart

Render tree data using mermaid flowchart

Description

Render a flow graph using a tree structured or a flat array data with node customization, zoom / pan and click / hover events.

Dependencies

• Vue.js
• mermaid
• d3js
• lodash

How to install

Add @dgdv/vue-flowchart to your project

$ npm install --save @dgdv/vue-flowchart

OR

$ yarn add @dgdv/vue-flowchart

Use in vue 3 app

Data as tree

<template>
  <vue-flowchart orientation="TD" v-model="data" @click="allNodesClick" @zoom="onZoom" @hover:node="allHoverNodes" />
</template>