<!DOCTYPE html>
<html>
  <head>
    <title>Spiking visualizer</title>
    <link rel="stylesheet" href="base.css"/>
    <script type="text/javascript" src="https://raw.github.com/flot/flot/master/jquery.js"></script>
    <script type="text/javascript" src="https://raw.github.com/flot/flot/master/jquery.flot.js"></script>

  </head>
  <body>
    <h1>Spiking Visualizer</h1>
    <div class="column input" style="width: 300px;">
      <form>
        <textarea class="coord">[    ]</textarea>
        <div class="form-actions">
          <input type="reset"></input>
          <button id="draw-btn">Draw!</button>
        </div>
      </form>
    </div>
    <div class="placeholder column" style="width:900px;height:300px;">
      &nbsp;
    </div>

    <script type="text/javascript">
      function init() {
        $('button#draw-btn').click(function (e) {
            e.preventDefault();
            var d1 = eval( $('textarea.coord').first().val() );

            $.plot( $('div.placeholder'), [d1]);
        });
      };

      $(window).load(init);
    </script>
  </body>
</html>



<!DOCTYPE html>
<html>
  <head>
    <title>Spiking visualizer</title>
    <link rel="stylesheet" href="base.css"/>
    <script type="text/javascript" src="https://raw.github.com/flot/flot/master/jquery.js"></script>
    <script type="text/javascript" src="https://raw.github.com/flot/flot/master/jquery.flot.js"></script>

  </head>
  <body>
    <h1>Spiking Visualizer</h1>
    <div class="column input" style="width: 300px;">
      <form>
        <textarea class="coord">[    ]</textarea>
        <div class="form-actions">
          <input type="reset"></input>
          <button id="draw-btn">Draw!</button>
        </div>
      </form>
    </div>
    <div class="placeholder column" style="width:900px;height:300px;">
      &nbsp;
    </div>

    <script type="text/javascript">
      function init() {
        $('button#draw-btn').click(function (e) {
            e.preventDefault();
            var d1 = eval( $('textarea.coord').first().val() );

            $.plot( $('div.placeholder'), [d1]);
        });

        $('input[type="reset"]').click(function () {
            $('div.placeholder').empty();
        });

      };

      $(window).load(init);
    </script>
  </body>
</html>



Reset on spiking visualizer removes current plots
Reset on spiking visualizer removes current plots
