<commit_before><!DOCTYPE html>
<head>
<meta charset="utf-8">

<link href="nv.d3.min.css" rel="stylesheet" type="text/css">

<style>
body {
  overflow-y:scroll;
}

text {
  font: 12px sans-serif;
}
</style>

<script src="d3.v3.js"></script>
<script src="nv.d3.min.js"></script>
<script>
var chartAttrs = {
  "width": '100%',
  "height": '300'
};

// chart 1 function
d3.json('raw-data-run1.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin({right: 100})
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(true)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart1 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);
 
    nv.utils.windowResize(chart.update);
 
    return chart;
  });
});

// chart 2 function
d3.json('raw-data-run3.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin({right: 100})
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(true)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart2 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);
 
    nv.utils.windowResize(chart.update);
 
    return chart;
  });
});

// chart 3 function
d3.json('raw-data-run5.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin({right: 100})
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(true)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart3 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);<commit_msg>added some waste<commit_after><!DOCTYPE html>
<head>
<meta charset="utf-8">

<link href="nv.d3.min.css" rel="stylesheet" type="text/css">

<style>
body {
  overflow-y:scroll;
}

text {
  font: 12px sans-serif;
}
</style>

<script src="d3.v3.js"></script>
<script src="nv.d3.min.js"></script>
<script>
var chartAttrs = {
  "width": '100%',
  "height": '400'
};

var chartMargins = {
  right: 75
};

var yLabel = "Waste Volume (tonnes)";
var willShowControls = false;

// chart 1 function
d3.json('raw-data-run1.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin(chartMargins)
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(willShowControls)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .axisLabel('Year')
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .axisLabel(yLabel)
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart1 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);
 
    nv.utils.windowResize(chart.update);
 
    return chart;
  });
});

// chart 2 function
d3.json('raw-data-run3.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin(chartMargins)
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(willShowControls)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .axisLabel('Year')
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .axisLabel(yLabel)
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart2 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);
 
    nv.utils.windowResize(chart.update);
 
    return chart;
  });
});

// chart 3 function
d3.json('raw-data-run5.json', function (data) {
  nv.addGraph(function() {
    var chart = nv.models.stackedAreaChart()
                  .margin(chartMargins)
                  .x(function(d) { return d[0] })   //We can modify the data accessor functions...
                  .y(function(d) { return d[1] })   //...in case your data is formatted differently.
                  .useInteractiveGuideline(true)    //Tooltips which show all data points. Very nice!
                  .rightAlignYAxis(true)      //Let's move the y-axis to the right side.
                  .transitionDuration(500)
                  .showControls(willShowControls)       //Allow user to choose 'Stacked', 'Stream', 'Expanded' mode.
                  .clipEdge(true);
 
    //Format x-axis labels with custom function.
    chart.xAxis
        .axisLabel('Year')
        .tickFormat(function(d) { 
          return d3.time.format('%Y')(new Date(d)) 
    });
 
    chart.yAxis
        .axisLabel(yLabel)
        .tickFormat(d3.format(',.f'));
 
    d3.select('#chart3 svg')
      .datum(data)
      .attr(chartAttrs)
      .call(chart);
{'fraction_non_alphanumeric': 0.14535561601243685, 'fraction_numerical': 0.01412100012955046, 'mean_word_length': 1.97495183044316, 'pattern_counts': {'":': 4, '<': 25, '<?xml version=': 0, '>': 25, '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': '5786506', 'n_tokens_mistral': 2545, 'n_tokens_neox': 2371, 'n_words': 558}