<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <title>Gas Plants in the San Francisco Bay Area</title>
  	<script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="d3-tip.js"></script>
    <style type="text/css">
    /* Tooltip CSS */
    .d3-tip {
    line-height: 1;
    font-weight: 600;
    font-family: avenir next;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
    pointer-events: none;
    }

    /* Creates a small triangle extender for the tooltip */
    .d3-tip:after {      
      box-sizing: border-box;
      display: inline;
      font-size: 10px;
      width: 100%;
      line-height: 1;
      color: rgba(0, 0, 0, 0.8);
      position: absolute;
      pointer-events: none;
      
    }

    /* Northward tooltips */
    .d3-tip.n:after {
      content: "\25BC";
      margin: -1px 0 0 0;
      top: 100%;
      left: 0;
      text-align: center;
    }

    /* Eastward tooltips */
    .d3-tip.e:after {
      content: "\25C0";
      margin: -4px 0 0 0;
      top: 50%;
      left: -8px;
    }

    /* Southward tooltips */
    .d3-tip.s:after {
      content: "\25B2";
      margin: 0 0 1px 0;
      top: -8px;
      left: 0;
      text-align: center;
    }

    /* Westward tooltips */
    .d3-tip.w:after {
      content: "\25B6";
      margin: -4px 0 0 -1px;
      top: 50%;
      left: 100%;
    }

    text{
      pointer-events:none;
    }

    </style>
  </head>
  <body>
  <script type="text/javascript">


    //here is this data
    var data = [
      {county: "Alameda",       gasplants: 11 },
      {county: "Contra Costa",  gasplants: 4  },
      {county: "Marin",         gasplants: 2  },
      {county: "Napa",          gasplants: 5  },
      {county: "San Francisco", gasplants: 28 },
      {county: "San Mateo",     gasplants: 4  },
      {county: "Santa Clara",   gasplants: 12 },
       {county: "Solano",       gasplants: 8  },
      {county: "Sonoma",        gasplants: 6  },         
     ];

    var tip = d3.tip()
      .attr('class', 'd3-tip')
      .offset([-10, 0])
      .html(function(d, i, a) {
        console.log(d, i, a);
        return "County: " + d.county + "<br><span style='color:red'>Gas Plants: " + d.gasplants + "</span>";
      })

    d3.selection.prototype.moveToFront = function() {
      return this.each(function() {
        this.parentNode.appendChild(this);
      });
    };




		d3.xml("gas_plant_interactive_1.svg", "image/svg+xml", function(xml) {
		  document.body.appendChild(xml.documentElement);

      d3.select("#Layer_1")
        .append("text")
        .attr("x", 5)
        .attr("y", 40)
        .text("Gas Plants in The")        
        .style({"font-size":"30px", 
                "font-family":"avenir next",
                "font-weight":"700",
                "opacity":"0.8",
                });

        d3.select("#Layer_1")
        .append("text")
        .attr("x", 5)
        .attr("y", 80)
        .text("San Francisco Bay Area")        
        .style({"font-size":"30px", 
                "font-family":"avenir next",
                "font-weight":"700",
                "opacity":"0.8",
                });
<commit_msg>commented out Gas Plant tittle<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <title>Gas Plants in the San Francisco Bay Area</title>
  	<script src="http://d3js.org/d3.v3.min.js"></script>
    <script src="d3-tip.js"></script>
    <style type="text/css">
    /* Tooltip CSS */
    .d3-tip {
    line-height: 1;
    font-weight: 600;
    font-family: avenir next;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
    pointer-events: none;
    }

    /* Creates a small triangle extender for the tooltip */
    .d3-tip:after {      
      box-sizing: border-box;
      display: inline;
      font-size: 10px;
      width: 100%;
      line-height: 1;
      color: rgba(0, 0, 0, 0.8);
      position: absolute;
      pointer-events: none;
      
    }

    /* Northward tooltips */
    .d3-tip.n:after {
      content: "\25BC";
      margin: -1px 0 0 0;
      top: 100%;
      left: 0;
      text-align: center;
    }

    /* Eastward tooltips */
    .d3-tip.e:after {
      content: "\25C0";
      margin: -4px 0 0 0;
      top: 50%;
      left: -8px;
    }

    /* Southward tooltips */
    .d3-tip.s:after {
      content: "\25B2";
      margin: 0 0 1px 0;
      top: -8px;
      left: 0;
      text-align: center;
    }

    /* Westward tooltips */
    .d3-tip.w:after {
      content: "\25B6";
      margin: -4px 0 0 -1px;
      top: 50%;
      left: 100%;
    }

    text{
      pointer-events:none;
    }

    </style>
  </head>
  <body>
  <script type="text/javascript">


    //here is this data
    var data = [
      {county: "Alameda",       gasplants: 11 },
      {county: "Contra Costa",  gasplants: 4  },
      {county: "Marin",         gasplants: 2  },
      {county: "Napa",          gasplants: 5  },
      {county: "San Francisco", gasplants: 28 },
      {county: "San Mateo",     gasplants: 4  },
      {county: "Santa Clara",   gasplants: 12 },
       {county: "Solano",       gasplants: 8  },
      {county: "Sonoma",        gasplants: 6  },         
     ];

    var tip = d3.tip()
      .attr('class', 'd3-tip')
      .offset([-10, 0])
      .html(function(d, i, a) {
        console.log(d, i, a);
        return "County: " + d.county + "<br><span style='color:red'>Gas Plants: " + d.gasplants + "</span>";
      })

    d3.selection.prototype.moveToFront = function() {
      return this.each(function() {
        this.parentNode.appendChild(this);
      });
    };




		d3.xml("gas_plant_interactive_1.svg", "image/svg+xml", function(xml) {
		  document.body.appendChild(xml.documentElement);

      // d3.select("#Layer_1")
      //   .append("text")
      //   .attr("x", 5)
      //   .attr("y", 40)
      //   .text("Gas Plants in The")        
      //   .style({"font-size":"30px", 
      //           "font-family":"avenir next",
      //           "font-weight":"700",
      //           "opacity":"0.8",
      //           });

      //   d3.select("#Layer_1")
      //   .append("text")
      //   .attr("x", 5)
      //   .attr("y", 80)
      //   .text("San Francisco Bay Area")        
      //   .style({"font-size":"30px", 
      //           "font-family":"avenir next",
      //           "font-weight":"700",
      //           "opacity":"0.8",
      //           });

{'fraction_non_alphanumeric': 0.17626916778323656, 'fraction_numerical': 0.035432484740211406, 'mean_word_length': 1.703420523138833, 'pattern_counts': {'":': 16, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 8}, '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': '1852758', 'n_tokens_mistral': 2598, 'n_tokens_neox': 2345, 'n_words': 504}