Create a diagram based on user input on a website

Question

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. How can I do this? Which technologies do I need to automatically draw a diagram in a webapplication based on user input?

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.

Example

Automatic Radial layout example

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.