--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/js/scatter2D.js	Wed Jul 29 17:03:53 2020 -0400
@@ -0,0 +1,208 @@
+// Copyright (c) 2016 Northrop Grumman.
+// All rights reserved.
+
+var updateScatter2D = function(){
+  scatterData2D['selectedPopulations'] = [];
+  scatterDataMFI['selectedPopulations'] = [];
+  $('.pop2D').each(function() {
+    if (this.checked) {
+      scatterData2D['selectedPopulations'].push(parseInt(this.value));
+      scatterDataMFI['selectedPopulations'].push(parseInt(this.value));
+    }
+  });
+  processScatterData2D();
+  processScatterDataMFI2D();
+  displayScatterPlot2D();
+};
+
+var processScatterData2D = function() {
+  var xData = [],
+      yData = [],
+      popData = [],
+      col1 = [],
+      col2 = [],
+      pop = [],
+      min = Number.MAX_VALUE,
+      max = Number.MIN_VALUE;
+
+  min = d3.min(scatterData2D['data'], function(array) {
+    return d3.min(array);
+  });
+  max = d3.max(scatterData2D['data'], function(array) {
+    return d3.max(array);
+  });
+  scatterData2D['min'] = 0;
+  scatterData2D['max'] = max;
+
+  col1 = scatterData2D['data'].map(function(value,index) {
+    return value[scatterData2D['m1']];
+  });
+  col2 = scatterData2D['data'].map(function(value,index) {
+    return value[scatterData2D['m2']];
+  });
+  pop = scatterData2D['data'].map(function(value,index) {
+    return value[scatterData2D['popCol']];
+  });
+
+  for (var i = 0, j = col1.length; i < j; i++) {
+    if (scatterData2D['selectedPopulations'].indexOf(pop[i]) >= 0) {
+      xData.push(col1[i]);
+      yData.push(col2[i]);
+      popData.push(pop[i]);
+    }
+  }
+
+  scatterData2D['popColors'] = popData.map(function(value,index) {
+      return color_palette[0][value][0];
+  });
+  scatterData2D['xData'] = xData;
+  scatterData2D['yData'] = yData;
+  scatterData2D['popData'] = popData;
+  return scatterData2D;
+};
+
+var displayScatterToolbar2D = function() {
+  $("#xAxisMarker2D").select2();
+  $("#yAxisMarker2D").select2();
+  $("#view2D").select2();
+
+  scatterData2D['columnHeadings'].map(function(value,index) {
+    $('#xAxisMarker2D')
+        .append($("<option></option>")
+        .attr("value",index)
+        .text(value));
+
+    $('#yAxisMarker2D')
+        .append($("<option></option>")
+        .attr("value",index)
+        .text(value));
+  });
+
+  $('#xAxisMarker2D').select2("val",0);
+  $('#yAxisMarker2D').select2("val",1);
+
+  $("#xAxisMarker2D").on("change",function(e) {
+    var m1 = $("#xAxisMarker2D").select2("val");
+    scatterData2D['m1'] = m1;
+    scatterDataMFI['m1'] = m1;
+    updateScatter2D();
+  });
+  $("#yAxisMarker2D").on("change",function(e) {
+    var m2 = $("#yAxisMarker2D").select2("val");
+    scatterData2D['m2'] = m2;
+    scatterDataMFI['m2'] = m2;
+    updateScatter2D();
+  });
+  $("#view2D").on("change",function(e) {
+    var view = $("#view2D").select2("val");
+    scatterData2D['view'] = view;
+    updateScatter2D();
+  });
+
+  $("#updateDisplay2D").on("click",function() {
+    $(".pop2D").prop("checked", true);
+    $("#selectall2D").prop('checked', true);
+    updateScatter2D();
+  });
+};
+
+var displayScatterPopulation2D = function() {
+  $('#populationTable2D tbody').empty();
+  scatterData2D['populations'].map(function(value,index) {
+    $('#populationTable2D tbody')
+        .append('<tr><td align="center">'
+            + '<input type="checkbox" checked class="pop2D" value='
+            + value + '/></td><td title="' + newNames[value]
+            + '">' + newNames[value] + '</td>'
+            + '<td><span style="background-color:'
+            + color_palette[0][value][0] + '">&nbsp;&nbsp;&nbsp</span></td>'
+            + '<td>' + scatterData2D['percent'][value - 1] + '</td></tr>');
+  });
+
+  $('#selectall2D').click(function() {
+    var checkAll = $("#selectall2D").prop('checked');
+    if (checkAll) {
+      $(".pop2D").prop("checked", true);
+    } else {
+      $(".pop2D").prop("checked", false);
+    }
+    updateScatter2D();
+  });
+
+  $('.pop2D').click(function() {
+    if ($('.pop2D').length == $(".pop2D:checked").length) {
+      $('#selectall2D').prop("checked",true);
+    } else {
+      $('#selectall2D').prop("checked",false);
+    }
+    updateScatter2D();
+  });
+
+  $('.pop2D').each(function() {
+    var selectedpop2D = parseInt(this.value);
+    if ($.inArray(selectedpop2D,scatterData2D['selectedPopulations']) > -1) {
+      this.checked = true;
+    } else {
+      this.checked = false;
+    }
+  });
+};
+
+var displayScatterPlot2D = function() {
+  var h = $(window).height() - 200,
+      w = $("#scatterPlotDiv2D").width(),
+      xtitle = scatterData2D['columnHeadings'][scatterData2D['m1']],
+      ytitle = scatterData2D['columnHeadings'][scatterData2D['m2']],
+      view = scatterData2D['view'],
+      layout = {},
+      traces = [];
+
+  $("#scatterPlotDiv2D").empty();
+  $("#scatterPlotDiv2D").height(h);
+  if ( view == 1 || view == 2) {
+    var trace1 = {
+        x: scatterData2D['xData'],
+        y: scatterData2D['yData'],
+        mode: 'markers',
+        opacity: .75,
+        hoverinfo: 'none',
+        marker: {
+          size: 2,
+          color: scatterData2D['popColors']
+        },
+        type: 'scatter'
+    };
+    traces.push(trace1);
+  }
+  if ( view == 1 || view == 3) {
+    var trace2 = {
+        x: scatterDataMFI['xData'],
+        y: scatterDataMFI['yData'],
+        mode: 'markers',
+        opacity: 1.0,
+        hoverinfo: "x+y",
+        marker: {
+          symbol: 128,
+          size: 8,
+          color: scatterDataMFI['popColors']
+        },
+        type: 'scatter'
+    };
+    traces.push(trace2);
+  }
+
+  layout = {
+      title: '',
+      showlegend: false,
+      xaxis: {
+          range: [0,scatterData2D['max']],
+          title: xtitle
+      },
+      yaxis: {
+          range: [0,scatterData2D['max']],
+          title: ytitle
+      }
+  };
+
+  Plotly.newPlot('scatterPlotDiv2D', traces, layout);
+};