Added control flow visualization.

sdiehl · sdiehl · commit ad09165dc2e6 · 2012-05-12T15:33:01.000-04:00
diff --git a/flow.gif b/flow.gif
diff --git a/index.html b/index.html
@@ -242,6 +242,10 @@ <h2 id="synchronous-asynchronous-execution">Synchronous &amp; Asynchronous Execu
 Emplict context switch to foo again
 Implicit swtich switch back to bar
 </pre></code></p>
+<p>It is illuminating to visualize the control of the program or
+walk through it with a debugger to see the context switches as
+they occur.</p>
+<p><img alt="Greenlet Control Flow" src="flow.gif" /></p>
 <p>The real power of gevent comes when we use it for network and IO
 bound functions which can be cooperatively scheduled. Gevent has
 taken care of all the details to ensure that your network
@@ -332,16 +336,16 @@ <h2 id="synchronous-asynchronous-execution">Synchronous &amp; Asynchronous Execu
 Task 8 done
 Task 9 done
 Asynchronous:
-Task 4 done
-Task 5 done
-Task 2 done
 Task 0 done
-Task 9 done
+Task 2 done
+Task 5 done
 Task 7 done
+Task 1 done
 Task 3 done
 Task 6 done
+Task 9 done
+Task 4 done
 Task 8 done
-Task 1 done
 </pre></code></p>
 <p>In the synchronous case all the tasks are run sequentially,
 which results in the main programming <em>blocking</em> (
diff --git a/tutorial.md b/tutorial.md
@@ -71,6 +71,12 @@ gevent.joinall([
 ]]]
 [[[end]]]
 
+It is illuminating to visualize the control of the program or
+walk through it with a debugger to see the context switches as
+they occur.
+
+![Greenlet Control Flow](flow.gif)
+
 The real power of gevent comes when we use it for network and IO
 bound functions which can be cooperatively scheduled. Gevent has
 taken care of all the details to ensure that your network
