<commit_before><html>
  <head>
    <!-- Load c3.css -->
    <link href="/vendor/c3/c3.min.css" rel="stylesheet" type="text/css">

    <!-- Load d3.js and c3.js -->
    <script src="/vendor/d3/d3.min.js" charset="utf-8"></script>
    <script src="/vendor/c3/c3.min.js"></script>
    <script src="/vendor/jquery/dist/jquery.min.js"></script>
    <script src="/vendor/underscore/underscore-min.js"></script>
    <script>
      $(function() {
        $.getJSON('/perf/data.json')
          .done(function(data){
            
            console.log('data');
            var avgResponseTime = ['avgResponseTime'].concat(
              _.map(data, function(stats){ 
                return stats.avg; 
              })
            );
            var chart = c3.generate({
                data: {
                    columns: [
                        avgResponseTime
                    ]
                }
            });
          });
        });
    </script>
  </head>
  <body>
    <div id="chart"></div>

  </body>
</html><commit_msg>Issue #1, graph avg min max categories<commit_after><html>
  <head>
    <!-- Load c3.css -->
    <link href="/vendor/c3/c3.min.css" rel="stylesheet" type="text/css">

    <!-- Load d3.js and c3.js -->
    <script src="/vendor/d3/d3.min.js" charset="utf-8"></script>
    <script src="/vendor/c3/c3.min.js"></script>
    <script src="/vendor/jquery/dist/jquery.min.js"></script>
    <script src="/vendor/underscore/underscore-min.js"></script>
    <script>
      $(function() {
        $.getJSON('/perf/data.json')
          .done(function(data){
            
            console.log('data');

            var labels = _.map(data, function(stats) { 
              return new Date(stats.start);
            });
            var avgResponseTime = ['avgResponseTime'].concat(
              _.map(data, function(stats) { 
                return stats.avg; 
              })
            );
            var minResponseTime = ['minResponseTime'].concat(
              _.map(data, function(stats) { 
                return stats.min; 
              })
            );
            var maxResponseTime = ['maxResponseTime'].concat(
              _.map(data, function(stats) { 
                return stats.max; 
              })
            );
            
            var chart = c3.generate({
                data: {
                    columns: [
                      avgResponseTime,
                      minResponseTime,
                      maxResponseTime
                    ]
                },
                axis: {
                    x: {
                        type: 'category',
                        categories: labels
                    }
                }
            });
          });
        });
    </script>
  </head>
  <body>
    <div id="chart"></div>

  </body>
</html>
{'fraction_non_alphanumeric': 0.155374246186591, 'fraction_numerical': 0.008158921603405462, 'mean_word_length': 1.2257300710339385, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, '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': '7342342', 'n_tokens_mistral': 817, 'n_tokens_neox': 771, 'n_words': 126}