I want to create a diagram based on user input, that the user provided in a form of the webapplication. For example the user should enter every person that communicates with an eShop system. After that a diagram of that communication should be automatically created by the webapplication. It should look like in the picture below. diagram that should be created from the webapplication How can I do this? Which technologies do I need to automatically draw a diagram in a webapplication based on user input?

1 Answer 1


Essential Diagram for JavaScript supports creating any kind of diagram with nodes and connectors.We have created an example in which we have positioned the nodes and connectors explicitly, but a similar diagram can be positioned dynamically as well.


Diagram JS with animated connectors

Automatic Radial layout example

Diagram Radial layout

The whole product is available for free through the community license if you qualify (less than 1 million USD in revenue).

Note: I work for Syncfusion.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.