fixed width/height issues

Former-commit-id: abdd399ece

css/style.css

@@ -148,7 +148,7 @@ cursor: default;
 
 
 /* Legend of the Overview t-SNE canvas */
- div#legend2 {
+#legend2 {
    height: 11vw;
    width: 11vw;
    text-align: left;
@@ -351,12 +351,12 @@ rect {
  }
 /* Margins for the extra-information panel and the kNNInfo */
 #extra-information {
-  margin-top: 40px;
+  margin-top: 32px;
   margin-left: 10px;
 }
 
 #kNNInfo {
-  margin-top: 35px;
+  margin-top: 10px;
 }
 
 /* Load and Save Analysis Buttons Styling */

data/bike_day_raw.csv

@@ -1,4 +1,4 @@
-season,mnth,holiday,weekday,workingday,weathersit,temp,atemp,hum,windspeed,cnt
+*season,mnth,holiday,weekday,workingday,weathersit,temp,atemp,hum,windspeed,cnt
 1,1,0,6,0,2,0.344167,0.363625,0.805833,0.160446,985
 1,1,0,0,0,2,0.363478,0.35373899999999997,0.696087,0.24853899999999998,801
 1,1,0,1,1,1,0.196364,0.189405,0.43727299999999997,0.248309,1349

data/iris.csv

@@ -1,4 +1,4 @@
-"sepal_length","sepal_width","petal_length","petal_width","class*"
+"sepal_length","sepal_width","petal_length","petal_width","Species*"
 5.1,3.5,1.4,0.2,Iris-setosa
 4.9,3.0,1.4,0.2,Iris-setosa
 4.7,3.2,1.3,0.2,Iris-setosa

index.html

@@ -236,6 +236,8 @@
                 <div id="cost"></div>
                 <br>
                 <div id="datasetDetails"></div>
+                <br>
+                <div id="CategoryName"></div>
               </div>
             </div>
             <div class="panel panel-default" id="kNNInfo">

js/tsne_vis.js

@@ -566,6 +566,13 @@ function init(data, results_all, fields) {
     }
 
     $("#datasetDetails").html("Number of Dimensions: " + (Object.keys(dataFeatures[0]).length - valCategExists) + ", Number of Samples: " + final_dataset.length); // Print on the screen the number of dimensions and samples of the data set, which is being analyzed.
+    if (Category == undefined){
+      console.log("mpike");
+      $("#CategoryName").html("Classification label: No category"); // Print on the screen the classification label.
+    } else {
+      $("#CategoryName").html("Classification label: "+Category.replace('*','')); // Print on the screen the classification label.
+    }
+
 
     for(var i = 0; i < dataFeatures.length; i++) {
       if (dataFeatures[i][Category] != "" || dataFeatures[i][Category] != "undefined"){ // If a categorization label exist then add it into all_labels variable.