<commit_before>var mountNode = document.getElementById('main');

var app = Elm.Main.embed(mountNode);

document.onkeydown = function(e) {
  if (e.keyCode === 8) {
    app.ports.keyDown.send(e.keyCode)

    e.preventDefault();
    e.stopPropagation()
  }
}

document.onkeypress = function(e) {
  if (e.keyCode !== 8) {
    app.ports.keyPress.send(e.keyCode)

    e.preventDefault();
    e.stopPropagation()
  }
}

function newDate(epoc) {
  return moment(epoc).toDate();
}

var timeFormat = 'MM/DD/YYYY HH:mm';

var ctx = document.getElementById("myChart");

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            label: 'WPM',
            radius: 5,
            backgroundColor: 'rgba(54, 162, 235, 0.2)',
            data: [{
                x: newDate(1478606177234),
                y: 30
            }, {
                x: newDate(1478706177234),
                y: 35
            }, {
                x: newDate(1478708177234),
                y: 33
            // }, {
            // label: 'Accuracy',
            // radius: 5,
            // backgroundColor: 'rgba(255, 206, 86, 0.2)',
            // data: [{
            //     x: newDate(1478606177234),
            //     y: 99.7
            // }, {
            //     x: newDate(1478706177234),
            //     y: 90.456
            // }, {
            //     x: newDate(1478708177234),
            //     y: 94.34
            }]
        }]
    },
    options: {
        showLines: false,
        responsive: false,
        maintainAspectRatio: false,
        scales: {
            xAxes: [{
                type: 'time',
                position: 'bottom'
            }]
        }
    }
});<commit_msg>Chart: dummy data looking like I think I want it to look<commit_after>var mountNode = document.getElementById('main');

var app = Elm.Main.embed(mountNode);

document.onkeydown = function(e) {
  if (e.keyCode === 8) {
    app.ports.keyDown.send(e.keyCode)

    e.preventDefault();
    e.stopPropagation()
  }
}

document.onkeypress = function(e) {
  if (e.keyCode !== 8) {
    app.ports.keyPress.send(e.keyCode)

    e.preventDefault();
    e.stopPropagation()
  }
}

function newDate(epoc) {
  return moment(epoc).toDate();
}

var timeFormat = 'MM/DD/YYYY HH:mm';

var ctx = document.getElementById("myChart");

var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        datasets: [{
            label: 'WPM',
            radius: 5,
            backgroundColor: 'rgba(54, 162, 235, 0.2)',
            xAxisID: "time",
            yAxisID: "wpm",
            data: [{
                      x: newDate(1478606177234),
                      y: 30
                  }, {
                      x: newDate(1478706177234),
                      y: 32
                  }, {
                      x: newDate(1478708177234),
                      y: 33
                  }]
        } , {
            label: 'Accuracy',
            radius: 5,
            backgroundColor: 'rgba(255, 206, 86, 0.2)',
            xAxisID: "time",
            yAxisID: "accuracy",
            data: [{
                    x: newDate(1478606177234),
                    y: 99.7
                }, {
                    x: newDate(1478706177234),
                    y: 90.456
                }, {
                    x: newDate(1478708177234),
                    y: 94.34
                }]
        }]
    },
    options: {
        showLines: false,
        responsive: false,
        maintainAspectRatio: false,
        scales: {
            xAxes: [{
                type: 'time',
                position: 'bottom',
                id: 'time'
            }],
            yAxes: [{
                position: "left",
                id: "wpm",
                display: true,
                ticks: {
                  beginAtZero: true,
                  suggestedMax: 100
                }
            }, {
                position: "right",
                id: "accuracy",
                display: false,
                ticks: {
                  beginAtZero: true
                }
            }]
        }
    }
});
{'fraction_non_alphanumeric': 0.13138686131386862, 'fraction_numerical': 0.059124087591240874, 'mean_word_length': 1.1501046025104602, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7434657', 'n_tokens_mistral': 1442, 'n_tokens_neox': 1223, 'n_words': 238}