
<body class="main">
    <style>
        table, th, td {
          border:1px solid black;
        }
    </style>

    <title>V orm still fast?</title>
    <input type="button" id="clearButton" value="Clear canvas">
    <div style="float: left; width: 100%;">
        <canvas style="border: 1px solid black;" width="100" height="480" id="canvas_left_bar_id"></canvas>
        <canvas sqlite_memory_insert_times=@sqlite_memory_insert_times  sqlite_file_insert_times=@sqlite_file_insert_times style="border: 1px solid black;" width="720" height="480" id="canvas_insert_id"></canvas>
    </div>
    <script type="text/javascript" src="draw.js"></script> 

    <h2>Insert test</h2>

    <table style="width:1080px">
    <tr>
        <th>Benchmark name</th>
        <th>max.</th>
        <th>10% max.</th>
        <th>min.</th>
        <th>10% min.</th>
    </tr>
    @for idx, name in attribute_names
    <tr style="font-family:arial; color: ${chart_colors[idx]};" >
        <td id="benchmark_name"+idx >@name</td>
        <td>@{max_times[idx]} ns (@{max_fast[idx]}%faster)</td>
        <td>@{ten_perc_max_times[idx]} ns (@{ten_perc_max_fast[idx]}%faster)</td>
        <td>@{min_times[idx]} ns (@{min_fast[idx]}%faster)</td>
        <td>@{ten_perc_min_times[idx]} ns (@{ten_perc_min_fast[idx]}%faster)</td>
    </tr>
    @end
</table>
    <p>V orm still fast?</p>
</body>