Create sequence diagrams with simple online tool

Swimlanes.io is a free webapp for making sequence diagrams. You simply edit the text on the left and the diagram is updated in real time. You can download your sequence diagrams as images or distribute with a link.

Title: Figure 3 from Live Web Chap 12 browser -> put_button: pageview browser -> init_html: pageview browser -> show_hom: click#siteNavHome init_html -->> show_hom: blog_ready Note: show_home selects on `or` show_hom -->> get_data: need_blog_data show_hom -->> show_art: container_ready get_data -->> show_art: blog_data_ready Note: show_articles selects on `and` browser -> show_cont: click#siteNavContact browser -> put_form: click#siteNavPost browser -> do_submit: submit do_submit -->> add_article: new_article_available add_article -->> new_art: new_article_added new_art -->> show_hom: blog_ready _: Legend Note: solid arrows are external events dashed arrows are internal (explicit) events Note: `retrieve_data` renamed `get_data`, `handle_submit` renamed `do_submit`, `show_article` renamed `show_art`, `show_contact` renamed `show_cont`, `place_form` renamed `put_form`