Fixed multiple eslint errors. (Still need a fix for that plugin_path problem)

display/graph.js

@@ -3,11 +3,14 @@ import * as Helpers from "./helpers";
 import { InfoOverlay } from "./infooverlay";
 import { LinkOverlay } from "./linkoverlay";
 
-import * as THREE from 'three';
-import ForceGraph3D from '3d-force-graph';
+import * as THREE from "three";
+import ForceGraph3D from "3d-force-graph";
 
-import { CSS2DRenderer } from 'three/examples/jsm/renderers/CSS2DRenderer.js'
-import { CSS3DRenderer, CSS3DSprite } from 'three/examples/jsm/renderers/CSS3DRenderer.js'
+import { CSS2DRenderer } from "three/examples/jsm/renderers/CSS2DRenderer.js";
+import {
+    CSS3DRenderer,
+    CSS3DSprite,
+} from "three/examples/jsm/renderers/CSS3DRenderer.js";
 
 class Graph {
     constructor(dataUrl) {
@@ -31,10 +34,7 @@ class Graph {
     async loadGraph(dataUrl) {
         this.gData = await fetch(dataUrl).then((res) => res.json());
         this.graph = ForceGraph3D({
-            extraRenderers: [
-                new CSS2DRenderer(),
-                new CSS3DRenderer(),
-            ],
+            extraRenderers: [new CSS2DRenderer(), new CSS3DRenderer()],
         })(document.getElementById("3d-graph"))
             .graphData(this.gData)
             .nodeLabel("id")
@@ -81,7 +81,7 @@ class Graph {
 
     getNodeColor(node) {
         return this.highlightNodes.has(node)
-            ? node === hoverNode
+            ? node === this.hoverNode
                 ? "rgb(255,0,0,1)"
                 : "rgba(255,160,0,0.8)"
             : "rgba(0,255,255,0.6)";
@@ -354,7 +354,7 @@ function createFullScreenButton() {
 }
 
 const dataUrl = plugin_path + "datasets/aud1.json";
-G = new Graph(dataUrl);
-linkoverlay = new LinkOverlay(G);
-infooverlay = new InfoOverlay(G);
+const G = new Graph(dataUrl);
+const linkoverlay = new LinkOverlay(G);
+const infooverlay = new InfoOverlay(G);
 G.infooverlay = infooverlay;

display/helpers.js

-export {getWidth, getHeight, getCanvasDivNode}
-
+export { getWidth, getHeight, getCanvasDivNode };
 
 function getWidth() {
     return document.getElementById("3d-graph").offsetWidth;

display/infooverlay.js

 import * as Helpers from "./helpers";
+import jQuery from "jquery";
 
 export { InfoOverlay };
 

display/linkoverlay.js

 import * as Helpers from "./helpers";
+import jQuery from "jquery";
 
 export { LinkOverlay };
 

package.json

@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "3d-force-graph": "^1.70.5",
+    "jquery": "^3.6.0",
     "three": "^0.131.2"
   }
 }