title: Generate State Diagram Drag/Drop
body: <p>I would like to generate state diagram, for example as shown in the picture below.</p>
  
  <p>I want to make this user friendly. If any user wants such diagram then he can just drag/drop the circles/arrows and connect them and put description (1,2,3..... a,b,c....) etc. It should be <strong>web-based</strong>. </p>
  
  <p>I am not sure if there is opensource/free library to do this.</p>
  
  <p>How to generate such diagram interactively ?</p>
  
  <p>Any idea/suggestions are most welcome.</p>
  
  <p>Thank you.</p>
  
  <p><img src="https://i.stack.imgur.com/wwR4C.png" alt="enter image description here"></p>