minor visual changes

d3_networkVisualisation/graphSettingOptions.js

@@ -154,9 +154,10 @@ export function setupData(edgeData, titles, minWeight, width, height) {
     (obj) => obj.weight >= minWeight
   );
 
+  const numUniqueValues = Object.keys(titles).length;
   // Randomly initialise node positions with normal distribution
   // nodeData needs entries in the form { id: 0, x: 10, y: 10 }
-  const nodeData = Array.from({ length: 1923 }, (_, i) => ({
+  const nodeData = Array.from({ length: numUniqueValues }, (_, i) => ({
     id: i, // id used to refer to each node
     title: titles[i],
     x: Math.min(Math.max(randomNormal(0.5, 0.15)(), 0), 1) * (width - 16) + 8,

d3_networkVisualisation/scripts.js

@@ -4,7 +4,7 @@ import { ForceGraph } from "./network.js";
 import edgeData_cols from "../nbs/data/identicalColumns_scoredByRarity_mt5.json" assert { type: "json" };
 import edgeData_cols_Alt from "../nbs/data/identicalColumns_scoredByRarity_alt.json" assert { type: "json" };
 import edgeData_embeddings from "../nbs/data/descriptionEmbeddings_t5pct.json" assert { type: "json" };
-import dataTitlesId from "../nbs/data/datasets_titles_ids.json" assert { type: "json" };
+import dataTitlesId from "../nbs/data/datasets_title_id.json" assert { type: "json" };
 import {
   getSecondDegreeData,
   toggleEdges,
@@ -16,7 +16,7 @@ import {
 
 // Initialising variables
 const width = window.innerWidth * 0.9;
-const height = window.innerHeight * 0.85;
+const height = window.innerHeight;
 var minWeight = 10;
 var selectedNode = null;
 var edgeData = edgeData_cols_Alt;
@@ -71,7 +71,7 @@ dd.onchange = () => {
 
     // Resetting the graph with the new data and updating the slider to match the range of the connection weights
     resetGraph();
-    slider.setAttribute("min", "2");
+    slider.setAttribute("min", "0");
     slider.setAttribute("step", "0.2");
   }
 };

d3_networkVisualisation/styles.css

@@ -7,6 +7,7 @@ html {
 
 body {
     background-color: #181818;
+    overflow: hidden;
 }
 
 .hide-links {