[dygraphs.git] / tests / perf.html

<html>
  <head>
    <title>perf</title>
    <!--[if IE]>
    <script type="text/javascript" src="excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript" src="../dygraph-combined.js"></script>
    <script type="text/javascript" src="../dygraph-canvas.js"></script>
    <script type="text/javascript" src="../dygraph.js"></script>
    <script type="text/javascript" src="data.js"></script>
  </head>
  <body>
    <div id="div_g" style="width:600px; height:300px;"></div>
    <div id="status"></div>

    <script type="text/javascript">
      var num_tests = 100;
      var times = [];
      var start = new Date;

      for (var i = 0; i < num_tests; i++) {
        var this_start = new Date;
        g = new Dygraph(
              document.getElementById("div_g"),
              NoisyData, {
                rollPeriod: 7,
                errorBars: true
              }
            );
        var this_end = new Date;
        times.push([i, this_end - this_start]);
      }

      var end = new Date;

      document.getElementById("status").innerHTML = "Elapsed time: " + (end - start)/num_tests + " ms/instantiation";
      new Dygraph(
        document.getElementById("div_g"),
        times, {
          labels: [ "Iteration", "Time (ms)" ]
        }
        );
    </script>

    <p><b>Some numbers on a MacBook Pro 2.53 GHz Core 2 Duo</b><br/>
    commit bb5899c56e33716db724cb60a5120b91f5fccdeb<br/>
    Firefox 3.0.15: 28 ms/instantiation<br/>
    Safari 4.0.3: 15.02 ms/instantiation<Br/>
    <br/>

    commit 2847c1cf1a2874e9fe56b5749e6e105e37bb086a<br/>
    Firefox 3.0.15: 49.27 ms/instantiation<br/>
    Safari 4.0.3: 24.48 ms/instantiation<br/>
    </p>
  </body>
</html>
Commit	Line	Data
bb5899c5 DV	1	<html>
bb5899c5 DV	2	<head>
6f091595	3	<title>perf</title>
bb5899c5 DV	4	<!--[if IE]>
	5	<script type="text/javascript" src="excanvas.js"></script>
	6	<![endif]-->
	7	<script type="text/javascript" src="../dygraph-combined.js"></script>
	8	<script type="text/javascript" src="../dygraph-canvas.js"></script>
	9	<script type="text/javascript" src="../dygraph.js"></script>
	10	<script type="text/javascript" src="data.js"></script>
	11	</head>
	12	<body>
d16579a0	13	<div id="div_g" style="width:600px; height:300px;"></div>
bb5899c5 DV	14	<div id="status"></div>
	15
	16	<script type="text/javascript">
1ac31d4e	17	var num_tests = 100;
4b38df10	18	var times = [];
bb5899c5 DV	19	var start = new Date;
	20
	21	for (var i = 0; i < num_tests; i++) {
4b38df10	22	var this_start = new Date;
bb5899c5	23	g = new Dygraph(
d16579a0	24	document.getElementById("div_g"),
bb5899c5 DV	25	NoisyData, {
	26	rollPeriod: 7,
	27	errorBars: true
	28	}
	29	);
4b38df10 DV	30	var this_end = new Date;
4b38df10 DV	31	times.push([i, this_end - this_start]);
bb5899c5 DV	32	}
	33
	34	var end = new Date;
	35
	36	document.getElementById("status").innerHTML = "Elapsed time: " + (end - start)/num_tests + " ms/instantiation";
4b38df10	37	new Dygraph(
d16579a0	38	document.getElementById("div_g"),
4b38df10 DV	39	times, {
	40	labels: [ "Iteration", "Time (ms)" ]
	41	}
	42	);
bb5899c5	43	</script>
1ac31d4e	44
ab68ea2d	45	<p><b>Some numbers on a MacBook Pro 2.53 GHz Core 2 Duo</b><br/>
1ac31d4e DV	46	commit bb5899c56e33716db724cb60a5120b91f5fccdeb<br/>
	47	Firefox 3.0.15: 28 ms/instantiation<br/>
	48	Safari 4.0.3: 15.02 ms/instantiation<Br/>
	49	<br/>
	50
ab68ea2d DV	51	commit 2847c1cf1a2874e9fe56b5749e6e105e37bb086a<br/>
	52	Firefox 3.0.15: 49.27 ms/instantiation<br/>
	53	Safari 4.0.3: 24.48 ms/instantiation<br/>
1ac31d4e	54	</p>
bb5899c5 DV	55	</body>
bb5899c5 DV	56	</html>