title: How to create a dynamic flowchart using python and socketio in python to track code running process?
body: <p>So the goal is to monitor our code running procedure.
  For example, in our codes, we have step 1 loading the data, step 2 processing the data, step3...</p>
  <p>We want to plot out this procedure in flowchart on a web page. But at the same time we want the flow chart to by dynamic so that when step 1 is done if will turn red and then step2, step 3.</p>
  <p>I've done a lot of researching and saw we can do socketio for real-time communication between the server and client and then graphviz for flowchart plotting. But it's just an idea I don't know how to implement it. Does anyone know if there's any project source that I can take a look at or there's a better way of handling this problem? We want a python backend server and either python or js client front end.</p>
  <p><a href="https://i.stack.imgur.com/31Zl6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/31Zl6.jpg" alt="Flowchart example" /></a></p>