Mermaid Quick Test Page

        graph TB
          FunctionTest1-->URLTest1
          click FunctionTest1 clickByFlow "Add a div"
          click URLTest1 "http://localhost:9000/empty.html" "Visit mermaid docs"

      graph TB
        1Function--->2URL
        click 1Function clickByFlow "Add a div"
        click 2URL "http://localhost:9000/empty.html" "Visit mermaid docs"

        flowchart TB
          FunctionTest2-->URLTest2
          click FunctionTest2 clickByFlow "Add a div"
          click URLTest2 "http://localhost:9000/empty.html" "Visit mermaid docs" _self

      flowchart TB
        10Function--->20URL
        click 10Function clickByFlow "Add a div"
        click 20URL "http://localhost:9000/empty.html" "Visit mermaid docs" _self

      classDiagram
        class ShapeLink
        link ShapeLink "http://localhost:9000/empty.html" "This is a tooltip for a link"
        class ShapeCallback
        callback ShapeCallback "clickByClass" "This is a tooltip for a callback"

      classDiagram-v2
        class ShapeLink2
        link ShapeLink2 "http://localhost:9000/empty.html" "This is a tooltip for a link"
        class ShapeCallback2
        callback ShapeCallback2 "clickByClass" "This is a tooltip for a callback"

        gantt
        dateFormat  YYYY-MM-DD
        axisFormat  %d/%m
        title Adding GANTT diagram to mermaid
        excludes weekdays 2014-01-10

        section A section
        Completed task            :done,    des1, 2014-01-06,2014-01-08
        Active task               :active,  des2, 2014-01-09, 3d
        Future task               :         des3, after des2, 5d
        Future task2               :         des4, after des3, 5d

        section Critical tasks
        Completed task in the critical line :crit, done, 2014-01-06,24h
        Implement parser and jison          :crit, done, after des1, 2d
        Create tests for parser             :crit, active, 3d
        Future task in critical line        :crit, 5d
        Create tests for renderer           :2d
        Add to mermaid                      :1d

        section Documentation
        Describe gantt syntax               :active, a1, after des1, 3d
        Add gantt diagram to demo page      :after a1  , 20h
        Add another diagram to demo page    :doc1, after a1  , 48h

        section Clickable
        Visit mermaidjs               :active, cl1, 2014-01-07,2014-01-10
        Calling a Callback (look at the console log) :cl2, after cl1, 3d
        Calling a Callback with args :cl3, after cl1, 3d

        click cl1 href "http://localhost:9000/empty.html"
        click cl2 call clickByGantt()
        click cl3 call clickByGantt("test1", test2, test3)

        section Last section
        Describe gantt syntax               :after doc1, 3d
        Add gantt diagram to demo page      : 20h
        Add another diagram to demo page    : 48h

          graph TB
            FunctionArgTest2-->URL
            click FunctionArgTest2 call clickByFlowArg(ARGUMENT) "Add a div"
            click URL "http://localhost:9000/empty.html" "Visit mermaid docs"

          flowchart TB
            2FunctionArg-->URL
            click 2FunctionArg call clickByFlowArg(ARGUMENT) "Add a div"
            click URL "http://localhost:9000/empty.html" "Visit mermaid docs"

          classDiagram
          class ShapeLink
          link ShapeLink "http://localhost:9000/empty.html" "This is a tooltip for a link"
          class ShapeCallback
          click ShapeCallback call clickByClass(123) "This is a tooltip for a callback"

          classDiagram-v2
            class ShapeLink2
            link ShapeLink2 "http://localhost:9000/empty.html" "This is a tooltip for a link"
            class ShapeCallback2
            click ShapeCallback2 call clickByClass(123) "This is a tooltip for a callback"