anchor.diff:    dynamic generateHTMLForProperty(String propertyName) {
       String html = "";
       if (this.isFilterableProperty(propertyName)) {
  -      html +=
  -          "<Br><b> <input disabled='true' type='checkbox' name='filter' value='" +
  -              propertyName + "' id='" + propertyName +
  -              "' onchange='filterSessionSummaries()'>";
  -      html += propertyName + "</b>: " + this[propertyName];
  -      html += " (" + Math.round(100 * (this[propertyName] / this.total)) + "%)";
  +      print("TODO do non inline filter for $propertyName");
  +      html += "<Br><b> <input disabled='true' type='checkbox' name='filter' value='$propertyName' id='$propertyName' onchange='filterSessionSummaries()'>";
  +      html += propertyName + "</b>: " + this.num_stats[propertyName].toString();
  +      html += " (${(100 * (this.num_stats[propertyName] / this.num_stats['total'])).round()}%)";
       } else {
  -      html += "<br><b>" + propertyName + "</b>: " + this[propertyName];
  -    }
  -    return html;
  -  }
  -
  -  dynamic generateRomanceHTML(properties) {
  +      html += "<br><b>" + propertyName + "</b>: " + this.num_stats[propertyName].toString();
  +    }
  +    return html;
  +  }
  +
  +  dynamic generateRomanceHTML(List<String> properties) {
  +    print("TODO get rid of onclick for romance html");
       String html = "<div  class = 'bottomAligned multiSessionSummary'>Romance: <button onclick='toggleRomance()'>Toggle View </button>";
  -    html += "<div id = 'multiSessionSummaryRomance' >"
  +    html += "<div id = 'multiSessionSummaryRomance' >";
       for (num i = 0; i < properties.length; i++) {
  -      var propertyName = properties[i];
  +      String propertyName = properties[i];
         html += this.generateHTMLForProperty(propertyName);
       }
       html += "</div></div>";
  
positive.code:   }
  
    dynamic generateAverageHTML(properties) {
      String html = "<div class = 'topAligned multiSessionSummary' >Averages <button onclick='toggleAverage()'>Toggle View </button>";
      html += "<div id = 'multiSessionSummaryAverage' >"
      for (num i = 0; i < properties.length; i++) {
        var propertyName = properties[i];
        html += this.generateHTMLForProperty(propertyName);
      }
      html += "</div></div>";
  
negative.code:   }
  
    dynamic generateEndingHTML(properties) {
      print("TODO get rid of onclick for romance html");
      String html = "<div class = 'topligned multiSessionSummary'>Ending: <button onclick='toggleEnding()'>Toggle View </button>";
      html += "<div id = 'multiSessionSummaryEnding' >";
      for (num i = 0; i < properties.length; i++) {
        String propertyName = properties[i];
        html += this.generateHTMLForProperty(propertyName);
      }
      html += "</div></div>";
  