<commit_before><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>Starter Template for Bootstrap</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/highcharts.js"></script>
    <script src="./js/bootstrap.min.js"></script>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="container">
        {{#chart}}
        <div id="chart-{{id}}" style="height: 300px"></div>
        <script>
        $(function () {
            $('#chart-{{id}}').highcharts({
                chart: {
                    type: 'line'
                },
                title: {
                    text: '{{title}}'
                },
                yAxis: {
                    title: {
                        text: 'Sorted elements / time [microseconds]'
                    }
                },
                series: {{{series}}},
            });
        });
        </script>
        {{/chart}}
    </div>
  </body>
</html>
<commit_msg>Improved layout for HTML charts.<commit_after><!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>GPU Sample Sort Benchmark</title>
    <link href="./css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/highcharts.js"></script>
    <script src="./js/bootstrap.min.js"></script>

    <div class="container-fluid">
        <div class="row">
        {{#chart}}
        <div id="chart-{{id}}" class="col-md-4"></div>
        <script>
        $(function () {
            $('#chart-{{id}}').highcharts({
                chart: {
                    type: 'line'
                },
                title: {
                    text: '{{title}}'
                },
                yAxis: {
                    title: {
                        text: 'Sorted elements / time [microseconds]'
                    }
                },
                series: {{{series}}},
            });
        });
        </script>
        {{/chart}}
        </div>
    </div>
  </body>
</html>

{'fraction_non_alphanumeric': 0.1884422110552764, 'fraction_numerical': 0.002233389168062535, 'mean_word_length': 1.600145137880987, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '736225', 'n_tokens_mistral': 1084, 'n_tokens_neox': 1009, 'n_words': 191}