<commit_before><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>AggreSet Visualization Technique</title><meta charset="utf-8">
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../js/d3.3.5.5.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../keshif.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/papaparse.min.js" charset="utf-8"></script>
    <link rel="icon" href="../demo/img/favicon.png" type="image/png" >

    <link rel="stylesheet" href="../keshif.css"/ type="text/css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">

    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:500,300,700,400' type='text/css'>

    <link rel="stylesheet" href="./set.css"/ type="text/css">
    <script type="text/javascript" src="./set.js" charset="utf-8"></script>

    <script type="text/javascript" src="./sample_browsers.js" charset="utf-8"></script>
    <script type="text/javascript" src="./jquery.colorbox-min.js" charset="utf-8"></script>

    <script type="text/javascript">

var theSetSummary = undefined;

function resizeBrowser(){
  $('#theBrowserDIV').height($(window).height()-40);
};

function loadDemo(config){
  d3.select("#aboutBox").style("display", "none");
  config.width = config.width || 760; // default is 760 pixel wide
  
  $('#theBrowserDIV')
    .width(config.width)
    .attr("name",config.id); // Allows customizing the style per-demo

  config.browser.domID= "#theBrowserDIV";
  if(config.browser.barChartWidth===undefined) 
    config.browser.barChartWidth = 130;
  if(config.browser.itemDisplay) 
    config.browser.itemDisplay.detailsToggle = 'off';

  config.browser.readyCb = function(browser){
    var degreePanel = (browser.panels.left.summaries.length!==0)?"left":"middle";
    var setListSummary = browser.panels[degreePanel].summaries[0];

    if(config.name==="YourData"){
      var setColumn = browser.DOM.infobox_source.select(".sheetColumn_Splitter")[0][0].value;
      if(setColumn==="") return; // Cannot show set-matrix
      setListSummary = browser.summaries_by_name[setColumn];

      setListSummary.addToPanel(this.panels.left);

      browser.summaries.forEach(function(summary){
        if(summary.summaryTitle===browser.items[0].idIndex) return;
        if(summary.type==='interval'){
          summary.addToPanel(this.panels.middle);
          summary.setCollapsed(true);
        }
        if(summary.type==='categorical' && !summary.hasMultiValueItem){
          summary.addToPanel(this.panels.middle);
          summary.setCollapsed(true);
        }
      },this);
      browser.showAttributes(false);
    } else {
      d3.select("#credits_wrapper").style("display","block");
      d3.select("#credits").html(config.credits);
    }
    
    {  // Add the degree sumary
      var filterID = setListSummary.summaryFilter.id;
      var setDegreeSummary = browser.createSummary(
        "<i class='fa fa-hand-o-up'></i> # of "+setListSummary.summaryTitle,
        function(d){
                  var arr=d.mappedDataCache[filterID];
                  if(arr==null) return 0;
                  return arr.length;
              }
      );
      if(config.id==="teaser") degreePanel = "right";
      setDegreeSummary.addToPanel(browser.panels[degreePanel],1);
    }
    theSetSummary = new kshf.Summary_Set();
    theSetSummary.initialize(browser,setListSummary);<commit_msg>Minor AggreSet frontpage update<commit_after><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>AggreSet Set Visualization Technique</title><meta charset="utf-8">
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../js/d3.3.5.5.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="../keshif.js" charset="utf-8"></script>
    <script type="text/javascript" src="../js/papaparse.min.js" charset="utf-8"></script>
    <link rel="icon" href="../demo/img/favicon.png" type="image/png" >

    <link rel="stylesheet" href="../keshif.css"/ type="text/css">
    <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">

    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:500,300,700,400' type='text/css'>

    <link rel="stylesheet" href="./set.css"/ type="text/css">
    <script type="text/javascript" src="./set.js" charset="utf-8"></script>

    <script type="text/javascript" src="./sample_browsers.js" charset="utf-8"></script>
    <script type="text/javascript" src="./jquery.colorbox-min.js" charset="utf-8"></script>

    <script type="text/javascript">

var theSetSummary = undefined;

function resizeBrowser(){
  $('#theBrowserDIV').height($(window).height()-40);
};

function loadDemo(config){
  d3.select("#aboutBox").style("display", "none");
  config.width = config.width || 760; // default is 760 pixel wide
  
  $('#theBrowserDIV')
    .width(config.width)
    .attr("name",config.id); // Allows customizing the style per-demo

  config.browser.domID= "#theBrowserDIV";
  if(config.browser.barChartWidth===undefined) 
    config.browser.barChartWidth = 130;
  if(config.browser.itemDisplay) 
    config.browser.itemDisplay.detailsToggle = 'off';

  config.browser.readyCb = function(browser){
    var degreePanel = (browser.panels.left.summaries.length!==0)?"left":"middle";
    var setListSummary = browser.panels[degreePanel].summaries[0];

    if(config.name==="YourData"){
      var setColumn = browser.DOM.infobox_source.select(".sheetColumn_Splitter")[0][0].value;
      if(setColumn==="") return; // Cannot show set-matrix
      setListSummary = browser.summaries_by_name[setColumn];

      setListSummary.addToPanel(this.panels.left);

      browser.summaries.forEach(function(summary){
        if(summary.summaryTitle===browser.items[0].idIndex) return;
        if(summary.type==='interval'){
          summary.addToPanel(this.panels.middle);
          summary.setCollapsed(true);
        }
        if(summary.type==='categorical' && !summary.hasMultiValueItem){
          summary.addToPanel(this.panels.middle);
          summary.setCollapsed(true);
        }
      },this);
      browser.showAttributes(false);
    } else {
      d3.select("#credits_wrapper").style("display","block");
      d3.select("#credits").html(config.credits);
    }
    
    {  // Add the degree sumary
      var filterID = setListSummary.summaryFilter.id;
      var setDegreeSummary = browser.createSummary(
        "<i class='fa fa-hand-o-up'></i> # of "+setListSummary.summaryTitle,
        function(d){
          var arr=d.mappedDataCache[filterID];
          if(arr==null) return 0;
          return arr.length;
        }
      );
      if(config.id==="teaser") degreePanel = "right";
      setDegreeSummary.addToPanel(browser.panels[degreePanel],1);
    }
    theSetSummary = new kshf.Summary_Set();
    theSetSummary.initialize(browser,setListSummary);
{'fraction_non_alphanumeric': 0.180931744312026, 'fraction_numerical': 0.015980498374864573, 'mean_word_length': 3.624295554164058, 'pattern_counts': {'":': 2, '<': 63, '<?xml version=': 0, '>': 63, 'https://': 2, 'lorem ipsum': 0, 'www.': 6, 'xml': 2}, 'pii_count': 2, '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': '2313486', 'n_tokens_mistral': 2505, 'n_tokens_neox': 2370, 'n_words': 337}