<commit_before><!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Values Tension Explorer Results</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
    .chartWithOverlay {
           position: relative;
           width: 600px;
    }
    .overlay {
           width: 600px;
           height: 600px;
           position: absolute;
           top: 80px;   /* chartArea top  */
           left: 200px; /* chartArea left */
    }
   </style>
    <script type="text/javascript" src="//www.google.com/jsapi"></script>
    <script type="text/javascript">
      // Load the Google Visualization API and chart package
      google.load('visualization', '1', {packages: ['corechart']});
      // Set a callback to run when the Visualization API is loaded.
      google.setOnLoadCallback(drawVisualization);
    var chart;
    var data;

    function drawVisualization() {
      // To see the data that this visualization uses, browse to
      // https://docs.google.com/spreadsheet/ccc?key=<KEY>
      // In your Google Sheet, copy only the key from the URL (the portion immediately after "key=") and paste in below
      // Adjust the cell range (e.g. A1:G7) to match data in your Google Sheet
      // In your Google Sheet, File > Publish to the Web
      var query = new google.visualization.Query(
          'http://spreadsheets.google.com/tq?key=1eh5jzkBGyu2tjNlFKupJx4Y1zTDAAjBxEhea_ZZ_7u8&range=A1:E4&pub=1?gid=791408824&single=true');
    
      // Send the query with a callback function.
      query.send(handleQueryResponse);
    }
    
    function handleQueryResponse(response) {
      if (response.isError()) {
        alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
      }
      // Set data series (3 in this sample) to match your Google Sheet. 
      // Set property for each tooltip column in your GoogleSheet (first = 0)
      var data = response.getDataTable();
      data.setColumnProperty(2, 'role', 'tooltip');
      data.setColumnProperty(4, 'role', 'tooltip');
      //data.setColumnProperty(6, 'role', 'tooltip');
      chart = new google.visualization.ScatterChart(document.getElementById('chart'));
      // Insert titles, labels, font sizes, and legend/data series colors below.
      // If Google Sheet data is not in decimal or percent format (between 0 and 1), reset maxValue and remove format. 
      // Modify legend labels via Y-series column headers in Google Sheet.
      // See more ScatterChart options at 
      // https://developers.google.com/chart/interactive/docs/gallery/scatterchart
      var options = {title: 'click points or float over cursor to view data values', 
          titleTextStyle: {fontSize: 14, italic: true},
          vAxis: {minValue: -1, maxValue: 1, format:'#', gridlines: {count:3}},
          hAxis: {minValue: -1, maxValue: 1, format:'#', gridlines: {count:3}}, 
          legend:'right',colors: ["red","blue"], fontSize: 12}
      chart.draw(data, options);
    }
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    Here are your custom Values Tension Explorer Results! <br>
    <i>(please save a copy of this chart for your reference, your results will not be saved online.)</i>
      <!-- This div will hold the chart. Modify your own text and links -->
    <div class="chartWithOverlay">
    <div id="chart" style="height: 600px; width: 600px;"></div>
    <div class="overlay">
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:10px; margin-left:55px;">Liberty</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:390px; margin-left:55px;">Equality</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:200px; margin-left:400px;">Efficiency</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:200px; margin-left:0px;">Community</div>
 </div>
</div>
  </body>
</html>
<commit_msg>adjust EQLI overlay<commit_after><!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <title>Values Tension Explorer Results</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style>
    .chartWithOverlay {
           position: relative;
           width: 600px;
    }
    .overlay {
           width: 600px;
           height: 600px;
           position: absolute;
           top: 80px;   /* chartArea top  */
           left: 200px; /* chartArea left */
    }
   </style>
    <script type="text/javascript" src="//www.google.com/jsapi"></script>
    <script type="text/javascript">
      // Load the Google Visualization API and chart package
      google.load('visualization', '1', {packages: ['corechart']});
      // Set a callback to run when the Visualization API is loaded.
      google.setOnLoadCallback(drawVisualization);
    var chart;
    var data;

    function drawVisualization() {
      // To see the data that this visualization uses, browse to
      // https://docs.google.com/spreadsheet/ccc?key=<KEY>
      // In your Google Sheet, copy only the key from the URL (the portion immediately after "key=") and paste in below
      // Adjust the cell range (e.g. A1:G7) to match data in your Google Sheet
      // In your Google Sheet, File > Publish to the Web
      var query = new google.visualization.Query(
          'http://spreadsheets.google.com/tq?key=1eh5jzkBGyu2tjNlFKupJx4Y1zTDAAjBxEhea_ZZ_7u8&range=A1:E4&pub=1?gid=791408824&single=true');
    
      // Send the query with a callback function.
      query.send(handleQueryResponse);
    }
    
    function handleQueryResponse(response) {
      if (response.isError()) {
        alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
        return;
      }
      // Set data series (3 in this sample) to match your Google Sheet. 
      // Set property for each tooltip column in your GoogleSheet (first = 0)
      var data = response.getDataTable();
      data.setColumnProperty(2, 'role', 'tooltip');
      data.setColumnProperty(4, 'role', 'tooltip');
      //data.setColumnProperty(6, 'role', 'tooltip');
      chart = new google.visualization.ScatterChart(document.getElementById('chart'));
      // Insert titles, labels, font sizes, and legend/data series colors below.
      // If Google Sheet data is not in decimal or percent format (between 0 and 1), reset maxValue and remove format. 
      // Modify legend labels via Y-series column headers in Google Sheet.
      // See more ScatterChart options at 
      // https://developers.google.com/chart/interactive/docs/gallery/scatterchart
      var options = {title: 'click points or float over cursor to view data values', 
          titleTextStyle: {fontSize: 14, italic: true},
          vAxis: {minValue: -1, maxValue: 1, format:'#', gridlines: {count:3}},
          hAxis: {minValue: -1, maxValue: 1, format:'#', gridlines: {count:3}}, 
          legend:'right',colors: ["red","blue"], fontSize: 12}
      chart.draw(data, options);
    }
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    Here are your custom Values Tension Explorer Results! <br>
    <i>(please save a copy of this chart for your reference, your results will not be saved online.)</i>
      <!-- This div will hold the chart. Modify your own text and links -->
    <div class="chartWithOverlay">
    <div id="chart" style="height: 600px; width: 600px;"></div>
    <div class="overlay">
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:10px; margin-left:55px;">Liberty</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:370px; margin-left:55px;">Equality</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:200px; margin-left:400px;">Efficiency</div>
   <div style="font-family:'Arial Black'; font-size: 20px; margin-top:200px; margin-left:0px;">Community</div>
 </div>
</div>
  </body>
</html>

{'fraction_non_alphanumeric': 0.1390238260467268, 'fraction_numerical': 0.021975479990747167, 'mean_word_length': 3.069176470588235, 'pattern_counts': {'":': 0, '<': 87, '<?xml version=': 0, '>': 89, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, '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': '589781', 'n_tokens_mistral': 2802, 'n_tokens_neox': 2616, 'n_words': 780}