parent 65d54dba72
commit 5d48e1b53e
  1. 2
      css/d3.parcoords.css
  2. 6
      index.html
  3. 51
      js/tsne_vis.js
  4. 1079
      modules/pcp/d3v3.parcoords.js

@ -45,4 +45,4 @@
-ms-user-select: none;
user-select: none;
background-color: white;
}
}

@ -31,7 +31,7 @@
<!-- CSS - Styling -->
<link rel="stylesheet" href="./css/style.css"/>
<link rel="stylesheet" href="./css/bootstrap.min.css"/>
<link rel="stylesheet" href="./css/d3.parcoords.css">
<link rel="stylesheet" type="text/css" href="./css/d3.parcoords.css">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.0/css/all.css" integrity="sha384-Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous">
@ -324,8 +324,8 @@
<script>
$("#cost").html('(Unknown Iteration and Cost Values.)');
$("#datasetDetails").html('(Unknown Number of Features and Instances.)');
$("#cost").html('(Unknown Iteration and Cost Values)');
$("#datasetDetails").html('(Unknown Number of Features and Instances)');
$("#CategoryName").html('No Classification');
$("#knnBarChartDetails").html('(Number of Selected Points: 0/0)');
/* This script is used in order to give functionalities to the different buttons provide through the front-end. */

@ -521,7 +521,7 @@ function init(data, results_all, fields) {
d3.selectAll("#legend3 > *").remove();
d3.selectAll("#legend4 > *").remove();
$("#datasetDetails").html('(Unknown Number of Features and Instances.)');
$("#datasetDetails").html('(Unknown Number of Features and Instances)');
$("#CategoryName").html('No Classification');
$("#knnBarChartDetails").html('(Number of Selected Points: 0/0)');
@ -1035,22 +1035,59 @@ function ShepardHeatMap () {
.attr("transform", "translate(-6," + gridSize / 4 + ")")
.attr("class","mono");
var tooltip2 = d3.select("body")
.append("div")
.style("position", "absolute")
.style("z-index", "12")
.style("text-align","center")
.style("width","300px")
.style("height","50px")
.style("padding","2px")
.style("background","lightsteelblue")
.style("border-radius","8px")
.style("border","0px")
.style("pointer-events","centnoneer")
.style("color","black")
.style("visibility", "hidden")
.text("Hint: if values are closer to N-Dim. distances, then the visualization is too compressed.");
var title = svg.append("text") // Title = Input Distance
.attr("class", "mono")
.attr("x", -(gridSize * 8))
.attr("y", -26)
.style("font-size", "12px")
.attr("transform", "rotate(-90)")
.attr("class","mono")
.on("mouseover", function(){return tooltip2.style("visibility", "visible");})
.on("mousemove", function(){return tooltip2.style("top", (event.pageY-10)+"px").style("left",(event.pageX+10)+"px");})
.on("mouseout", function(){return tooltip2.style("visibility", "hidden");})
.text("N-Dimensional Distances");
var tooltip1 = d3.select("body")
.append("div")
.style("position", "absolute")
.style("z-index", "12")
.style("text-align","center")
.style("width","300px")
.style("height","50px")
.style("padding","2px")
.style("background","lightsteelblue")
.style("border-radius","8px")
.style("border","0px")
.style("pointer-events","centnoneer")
.style("color","black")
.style("visibility", "hidden")
.text("Hint: if values are closer to 2-Dim. distances, then the visualization is too spread out.");
var title = svg.append("text") // Title = Output Distance
.attr("class", "mono")
.attr("x", gridSize * 2 )
.attr("y", -20)
.style("font-size", "12px")
.text("2-Dimensional Distances");
.attr("class", "mono")
.attr("x", gridSize * 2 )
.attr("y", -20)
.on("mouseover", function(){return tooltip1.style("visibility", "visible");})
.on("mousemove", function(){return tooltip1.style("top", (event.pageY-10)+"px").style("left",(event.pageX+10)+"px");})
.on("mouseout", function(){return tooltip1.style("visibility", "hidden");})
.style("font-size", "12px")
.text("2-Dimensional Distances");
var dim2Labels = svg.selectAll(".dim2Label") // Label
.data(dim_2)

File diff suppressed because it is too large Load Diff
Loading…
Cancel
Save