Vue Flowy makes creating flowchart or hierarchy chart functionality an easy task. Build automation software, mind mapping tools, organisation charts, or simple programming platforms in minutes by implementing the library into your project.

VUE plugin for DAG graph , u can use it 4 flow diagram or machine learning visualization

Diagram component for vue.js, inspired by react-diagrams

基于mxGraph+vue设计的流程图编辑器

A editable SVG-based diagram component for Vue

ERDiagram library playground

Using DHX Diagram with Vue

Adjacency matrix diagram editor for Interior Design https://adjacency-matrix-diagram.now.sh/

The Open Source Database Modeling Tool

Mind mapping app

A quick start Vue project that shows how to perform interactions in the Vue Diagram component. This project includes code snippets for interactions like selection, dragging, resizing, rotating nodes, editing texts, deletion of nodes and connectors, and how to restrict interactions. It also shows how to perform zooming, and undo-redo operations.

A quick start Vue project that shows how to save and export the Vue Diagram component. This project includes code snippets for saving and loading the Diagram as a JSON string and file stream. It also includes a code snippet to export the Diagram in PNG format.

Visual diagram and status of my servers and apps

A quick start Vue project that shows how to group nodes and connectors in the Vue Diagram component. This project includes code snippets to create and update groups dynamically. It also includes code snippets to add annotations to a group and create a nested group.

A quick start Vue project that shows how to add connectors in the Syncfusion Vue Diagram component. This project includes code snippets for adding a connector both programmatically and using the drawing tool. It also includes code snippets for adding different types of connectors and decorator shapes.

A quick-start Vue project that shows how to add a Syncfusion Vue Diagram component to a Vue project. It includes code snippets to create nodes and connectors, join the nodes using connectors, and add segments and annotations to the connectors.

A quick-start Vue project that shows how to add and customize the symbol palette in the Syncfusion Vue Diagram component. This project also includes code snippets for restricting the symbol palette's panel, customizing its symbol size, and customizing the symbol preview size.

A quick start Vue project that shows how to create and customize port nodes programmatically and dynamically in the Syncfusion Vue Diagram component. This project includes code snippets for adding multiple ports, customizing them dynamically, and connecting nodes using ports.

A quick start Vue project that shows how to create a mind map layout using the Syncfusion Vue Diagram component. This project includes code snippets for customizing the nodes and connectors in the layout and changing its orientation, align the layout using horizontal and vertical spacing and to add expand and collapse icons.

A quick start Vue project that shows how to create a node and customize it in the Syncfusion Vue Diagram Component. This project includes code snippets to create a node programmatically and use the drawing tool.