Создайте диаграмму на основе пользовательского ввода на веб-сайте

Я хочу создать диаграмму на основе пользовательского ввода, который пользователь предоставил в форме веб-приложения. Например, пользователь должен указать каждого человека, который взаимодействует с системой интернет-магазина. После этого веб-приложение должно автоматически создать схему этой связи. Должно получиться как на картинке ниже. диаграмма, которая должна быть создана из веб-приложенияКак я могу это сделать? Какие технологии мне нужны для автоматического рисования диаграммы в веб-приложении на основе пользовательского ввода?

Ответы (1)

Essential Diagram for JavaScript поддерживает создание любых диаграмм с узлами и соединителями. Мы создали пример, в котором мы явно расположили узлы и соединители, но аналогичную диаграмму можно расположить и динамически.

Пример

Диаграмма JS с анимированными соединителями

Пример автоматической радиальной компоновки

Диаграмма Радиальная компоновка

Весь продукт доступен бесплатно по лицензии сообщества, если вы соответствуете требованиям (доход менее 1 миллиона долларов США).

Примечание: я работаю в Syncfusion.

Создайте диаграмму на основе пользовательского ввода на веб-сайте
СпросиСетьПолитика конфиденциальности1y, 0v