Перетаскивание генерации диаграммы состояний

Я хотел бы сгенерировать диаграмму состояний, например, как показано на рисунке ниже.

Я хочу сделать это удобным для пользователя. Если какой-либо пользователь хочет такую ​​диаграмму, он может просто перетащить круги / стрелки, соединить их и поместить описание (1,2,3 ..... a, b, c ....) и т.д. Это должно быть на основе Интернета .

Я не уверен, есть ли для этого открытая / бесплатная библиотека.

Как создать такую ​​диаграмму в интерактивном режиме?

Любые идеи / предложения приветствуются.

Спасибо.