tools/ODE_visualization/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>dReach: ODE Visulization</title>
    <meta name="description" content="dReach: ODE Visulization" />
    <meta name="keywords" content="d3.js, area charts, zoom, pan, data, infographic, ajavscript, chart" />
    <meta name="author" content="Codrops" />
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link href='http://fonts.googleapis.com/css?family=Lato:300,700' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="js/modernizr.custom.79639.js"></script>
    <!--[if lte IE 8]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->
    <script src="js/d3.v3.js"></script>
    <script src="js/underscore-min.js"></script>
    <script type="text/javascript" src="coffee-script.js"></script>
  </head>
  <body>
    <div class="container">
      <header>
        <h1><strong>ODE Visualization</strong> with dReach</h1>
        <p>Bouncing Ball with Drag Example (unrolling k = 4)</p>
      </header>
      <section class="main">
        <div id="chart-container">
          <script type="text/javascript">
var config = {
    jsonfile : 'data.json',
    animation_delay : 800,
    width : 950,
    height : 800,
    inter_chart_margin: 20,
    contextHeight : 300,
    margin : {top: 50, right: 40, bottom: 50, left: 60}
}
	  </script>
          <script type="text/coffeescript" src="vis.coffee">
        </div>
      </section>
    </div>
  </body>
</html>