From 8c510d78a6488f06be82264084e12249fb1d02ae Mon Sep 17 00:00:00 2001
From: William Jeynes <william.jeynes@hotmail.com>
Date: Thu, 9 Apr 2026 15:40:49 +0100
Subject: [PATCH] Add built link to readme. Final changes to graph viz

---
 README.md                     | 14 ++++++--------
 graphviz/frontend/src/App.tsx |  6 +++---
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index d05f7a6..0444e0e 100644
--- a/README.md
+++ b/README.md
@@ -1,18 +1,16 @@
 # AI models for identifying trigger events in disinformation analysis
 Final Dissertation Submission Repository - Future work with created dataset
 
-## Project Description
--- todo --
-
-## Solution Diagram
--- todo --
-
-## Generated Database Link
--- todo --
+## Graph Viz
+A way to visualise the connections between claims and trigger events
+Visible here: [https://jillweynes.github.io/LLMsForDisinformationPrediction-GraphVizBuilt/](https://jillweynes.github.io/LLMsForDisinformationPrediction-GraphVizBuilt/)
 
 ## Repository Structure
 ```
 ├── run.sh                          # Bash script to run project elements from one place
+├── graphviz
+|   ├── frontend                    # React + Parcel + react-force-graph frontend to visualise results
+|   └── processing                  # Python scripts to generate clusters and titles
 └── data/                           # Holder from project data
     ├── dataset.jsonl               # Collated dataset - in full format
     └── dataset.csv                 # Collated dataset - in CSV format
diff --git a/graphviz/frontend/src/App.tsx b/graphviz/frontend/src/App.tsx
index 4022174..b545d5b 100644
--- a/graphviz/frontend/src/App.tsx
+++ b/graphviz/frontend/src/App.tsx
@@ -160,7 +160,7 @@ export function App() {
         nodeAutoColorBy="type"
         linkColor={() => "black"}
         linkWidth={2.5}
-        onNodeRightClick={(node) => setSelectedNode(node)}
+        onNodeClick={(node) => setSelectedNode(node)}
 
         nodeCanvasObject={(node, ctx, globalScale) => {
           const label = node.label;
@@ -231,7 +231,7 @@ export function App() {
           <input
             type="range"
             min="9"
-            max="49"
+            max="20"
             value={minGraphSize}
             onChange={(e) => setMinGraphSize(Number(e.target.value))}
           />
@@ -261,7 +261,7 @@ export function App() {
             )}
           </div>
         ) : (
-          <p>Right-click a cluster node to see its members</p>
+          <p>Click a node to see details</p>
         )}
       </div>
     </div>