   <style type="text/css"> 
    #bordered {
      border: 1px solid red;
    }
    </style> 
  </head> 
  <body> 
    <p>Demo of a graph with many data points and custom error bars.</p>
    <p>
      No roll period.
    </p>
    <div id="noroll" style="width:800px; height:320px;"></div> 
    <p>
      Roll period of 14 timesteps.
    </p>
    <div id="roll14" style="width:800px; height:320px;"></div> 
    <script type="text/javascript"> 
      g1 = new Dygraph(
          document.getElementById("noroll"),
 