examples/markdown-example-2/slideShow/async-context.html

<!DOCTYPE html>
<html>
  <head>
    <title>Async Context Visualization</title>
    <link rel="stylesheet" href="../../JSAV/css/JSAV.css" type="text/css" media="screen" title="no title" charset="utf-8" />
    <link rel="stylesheet" href="../../lib/slideShow/asyncContext.css" type="text/css" media="screen" title="no title" charset="utf-8" />
  </head>
  <body>
    <h1>Async Context Visualization - promise example from markdown</h1>
    <div class='container'>
      <div id="codeContainer" class="codeContainer">
        <div id="codeContainerInner" class="innerCodeContainer">
          <H3>Code</H3>
          <div id="codeAnchor"></div>
        </div>
        <div id="eventContainerInner" class="innerCodeContainer">
          <H3>Events</H3>
          <div id="eventAnchor"></div>
        </div>
      </div>
      <div id="graphContainer" class="graphContainer">
        <div id="av">
          <div class="jsavcontrols"></div>
          <span class="jsavcounter"></span>
          <p class="jsavoutput jsavline"></p>
        </div>
      </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
    <script src="../../JSAV/lib/jquery.transit.js"></script>
    <script src="../../JSAV/lib/raphael.js"></script>
    <script src="../../JSAV/lib/dagre.min.js"></script>
    <script src="../../JSAV/build/JSAV.js"></script>
  
    <!-- update this lineto plug in the event stream & code sample to visualize -->
    <script src="./eventsIdeal.js"></script>
    <!-- -->
    <script src="../../lib/slideShow/createGraph.js"></script>
  </body>
</html>