Fix tooltip location.

Miltos Allamanis · Miltos Allamanis · commit 19f5e8020aad · 2021-04-17T18:52:47.000+01:00
diff --git a/tsne-viz.html b/tsne-viz.html
@@ -66,10 +66,16 @@ <h2>2D Map of Papers</h2>
     for (i=0; i<d.tags.length; i++) {
         tags += "<tag>" + d.tags[i] + "</tag>&nbsp;"
     }
+
+    var boundingRect = document.getElementById("paperviz").getBoundingClientRect();
+    var mousePos = d3.mouse(this);
+    var x = mousePos[0] + boundingRect.x + 20;
+    var y = mousePos[1] + boundingRect.y + 30;
+
     tooltip
       .html("<p>" + d.title + " " + tags + "</p>")
-      .style("left", (d3.mouse(this)[0]+30) + "px")
-      .style("top", (d3.mouse(this)[1]) + "px");
+      .style("left", x + "px")
+      .style("top", y + "px");
   }
 
   var click_link = function(d) {
