You can try the Syncfusion Vue Diagram component. It lets you create interactive diagrams with drag-and-drop nodes and connectors, perfect for visualizing flows like the one you shared.

It also supports serializing the entire diagram to JSON using built-in APIs.

For more detailed information, refer to the following resources:

• Demo: https://ej2.syncfusion.com/vue/demos/#/bootstrap5/chart/over-view.html

• Documentation: https://ej2.syncfusion.com/vue/documentation/chart/vue-3-getting-started

• Docs on serialization: https://ej2.syncfusion.com/vue/documentation/diagram/serialization

Syncfusion offers a free community license to individual developers and small businesses.

Note: I work for Syncfusion.