Open-source JS drawing library for drawing the Nodes and Connections to build parent-child relationship

I am trying to develop a simple front-end application using the Vuejs/Nuxtjs. All I want to do is provide the option for users to either Drag-and-drop or Draw the shape/nodes into Canvas and Drag-and-drop or Draw Connections/Connectors to each of the Nodes/Shapes to build the parent/child relationship.

Previously I was using the Syncfusion Diagram and everything was working fine but later I got to know it paid only so cannot continue further with it. I looked into various other libraries such as Konva, jsPlumb, Flowchart-vue, etc. but for some reason, they are not providing me with adequate functionality/documentation to achieve what I am looking for.

Can someone please let me know if there are any open-source alternatives for the Syncfusion - diagram? All I would like to achieve is something like this:

CPT2111081318-1890x906 (1)

Source: Vue – Stack Overflow

November 8, 2021
Category : News
Tags: diagram | javascript | open-source | syncfusion | Vue.js

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.