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?
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.
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.