<commit_before><html>
<head>
  <title>A Leaflet map!</title>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
  <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>

  <script type = "text/javascript" src= "d3/d3.min.js"></script>
  <script type = "text/javascript" src= "d3/d3.js"></script>
  <script type = "text/javascript" src = "d3-timeline/src/d3-timeline.js"></script>
  <style>
  #map{ width: 900px; height: 500px; }
  </style>

  <script type = "text/javascript">
  window.onload=function(){
    var data; // a global
    d3.json("dataProcessing/timeline3.json", function(error, json) {
      if (error) return console.warn(error);
      data = json;
      console.log('you got some data');

      var test = [
      {label: "timeline3", 
      times: [
      {
        "color": "green", 
        "ending_time": 1864, 
        "label": ":Emancipation Proclamation ends slavery in the South.", 
        "starting_time": 1863
      }, 
      {
        "color": "yellow", 
        "ending_time": 1866, 
        "label": "13th Amendment officially abolishes slavery.Juneteenth Freedom Celebration in Texas and Oklahoma.", 
        "starting_time": 1865
      }, 
      {
        "color": "green", 
        "ending_time": 1867, 
        "label": "Ex", 
        "starting_time": 1866
      }
      ]
    }
    ];

    timelineHover(test);
  });

    var width = 500;

    function timelineHover(data) {
      console.log('got some data in some functions' , data);
      var chart = d3.timeline()
      .width(width*4)
      .stack()
      .margin({left:70, right:30, top:0, bottom:0})
      .hover(function (d, i, datum) {
            // d is the current rendering object
            // i is the index during d3 rendering
            // datum is the id object
            var div = $('#hoverRes');
            var colors = chart.colors();
            div.find('.coloredDiv').css('background-color', colors(i))
            div.find('#name').text(datum.label);
          })
      .tickFormat({format: d3.time.format("%Y"), tickTime: d3.time.year,tickInterval: 6, tickSize: 6 })<commit_msg>trying to use data to show Jordan<commit_after><html>
<head>
  <title>A Leaflet map!</title>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
  <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>

  <script type = "text/javascript" src= "d3/d3.min.js"></script>
  <script type = "text/javascript" src= "d3/d3.js"></script>
  <script type = "text/javascript" src = "d3-timeline/src/d3-timeline.js"></script>
  <style>
  #map{ width: 900px; height: 500px; }
  </style>

  <script type = "text/javascript">
  window.onload=function(){
    var data; // a global
    d3.json("dataProcessing/timeline3.json", function(error, json) {
      if (error) return console.warn(error);
      data = json;
      console.log('you got some data');

      var test = [
      {label: "timeline3", 
      times: [
      {
        "color": "green", 
        "ending_time": 1864, 
        "label": ":Emancipation Proclamation ends slavery in the South.", 
        "starting_time": 1863
      }, 
      {
        "color": "yellow", 
        "ending_time": 1866, 
        "label": "13th Amendment officially abolishes slavery.Juneteenth Freedom Celebration in Texas and Oklahoma.", 
        "starting_time": 1865
      }, 
      {
        "color": "green", 
        "ending_time": 1867, 
        "label": "Ex", 
        "starting_time": 1866
      }
      ]
    }
    ];

    timelineHover(data);
  });

    var width = 500;

    function timelineHover(data) {
      console.log('got some data in some functions' , data);
      var chart = d3.timeline()
      .width(width*4)
      .stack()
      .margin({left:70, right:30, top:0, bottom:0})
      .hover(function (d, i, datum) {
            // d is the current rendering object
            // i is the index during d3 rendering
            // datum is the id object
            var div = $('#hoverRes');
            var colors = chart.colors();
            div.find('.coloredDiv').css('background-color', colors(i))
            div.find('#name').text(datum.label);
          })
      .tickFormat({format: d3.time.format("%Y"), tickTime: d3.time.year,tickInterval: 6, tickSize: 6 })
{'fraction_non_alphanumeric': 0.16087158089939732, 'fraction_numerical': 0.02920723226703755, 'mean_word_length': 2.311588641596316, 'pattern_counts': {'":': 26, '<': 35, '<?xml version=': 0, '>': 35, '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': '1936873', 'n_tokens_mistral': 1510, 'n_tokens_neox': 1373, 'n_words': 322}