Packages

benchee_html

0.5.0
1.0.1 1.0.0 0.6.0 0.5.0 0.4.0 0.3.1 0.3.0 0.2.0 0.1.0

HTML formatter with pretty graphs for the (micro) benchmarking library benchee. Also allows export as PNG image!

HexDocs

Current section

Files

Jump to
Readme
9 Versions
2 Dependencies
2 Dependants
Files
Activity
benchee_html priv templates comparison.html.eex
Raw

priv/templates/comparison.html.eex 

<!DOCTYPE html>

<html>

  <%= head(inline_assets) %>

  <body>



    <%= header(input_name) %>



    <%= render_system_info(suite.system) %>



    <article>

      <h2>

        Comparison

        <a href="https://github.com/PragTob/benchee_html/wiki/Chart-Types#comparison">

          <i

          class="benchee-help-icon icon-question-circle-o"

          title="Comparisons of the different benchmarking jobs.

For Iterations per Second higher is better, the black whiskers denote standard deviation. otherwise it is runtime so lower is better.

The Box Plot shows a distribution of run times with the median and outliers."

          ></i>

        </a>

      </h2>

      <section>

        <%= render_data_table(suite.statistics, units, path_information: {suite.filename, input_name}) %>

      </section>



      <section class="benchee-plot-container">

        <div id="ips-comparison" class="<%= max_width_class(suite.job_count) %> plot"></div>

      </section>



      <section class="benchee-plot-container">

        <div id="box-plot" class="<%= max_width_class(suite.job_count) %> plot"></div>

      </section>

    </article>



    <footer>

      <%= render_footer() %>

    </footer>



    <%= js_includes(inline_assets) %>



    <script>

      var suite      = <%= suite_json %>;

      var runTimes   = suite.run_times;

      var statistics = suite.statistics;

      var sortOrder  = suite.sort_order;



      var inputHeadline = "<%= input_headline(input_name) %>"



      drawIpsComparisonChart(statistics, sortOrder, inputHeadline);

      drawComparisonBoxPlot(runTimes, sortOrder, inputHeadline);

    </script>

  </body>

</html>