feat(Vis View): ✨ Force Directed Graph: Highlight current note on graph

SkepticMystic · Aug 15, 2021 · 5d437c0 · 5d437c0
1 parent 0773919
commit 5d437c0
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/Visualisations/ForceDirectedG.ts b/src/Visualisations/ForceDirectedG.ts
@@ -152,8 +152,21 @@ export const forceDirectedG = (
     .selectAll("circle")
     .data(nodes)
     .join("circle")
+    .attr("stroke", (d) => {
+      if (nameFromIndex(d) === currFile.basename) {
+        return "#ffffff";
+      } else {
+        return nodeColour;
+      }
+    })
     .attr("r", 5)
-    .attr("fill", nodeColour)
+    .attr("fill", (d) => {
+      if (nameFromIndex(d) === currFile.basename) {
+        return "#ffffff";
+      } else {
+        return nodeColour;
+      }
+    })
     .call(drag(simulation));
 
   node.attr("aria-label", (d: d3Node) => d.name);