From 332ebe82f77b3fe0bd03308c5427685f54f8e5cd Mon Sep 17 00:00:00 2001
From: bercivarga <65171545+bercivarga@users.noreply.github.com>
Date: Sun, 10 Mar 2024 20:41:22 +0100
Subject: [PATCH] add color to visualisation, and metadata changes

---
 app/(platform)/map/interactive-map.tsx | 14 +++++++-------
 app/(platform)/map/layout.tsx          |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/(platform)/map/interactive-map.tsx b/app/(platform)/map/interactive-map.tsx
index 8b516c8..fbabe89 100644
--- a/app/(platform)/map/interactive-map.tsx
+++ b/app/(platform)/map/interactive-map.tsx
@@ -54,15 +54,16 @@ export default function InteractiveMap({ notes }: Props) {
     setData(graphData);
   }, [notes]);
 
-  if (!data)
+  if (!data) {
     return (
       <div
         className="absolute inset-0 flex items-center justify-center bg-slate-900 text-white"
         ref={containerRef}
       >
-        <div>Loading...</div>
+        <div>Preparing your graph...</div>
       </div>
     );
+  }
 
   return (
     <div
@@ -73,11 +74,10 @@ export default function InteractiveMap({ notes }: Props) {
         width={containerRef.current?.clientWidth ?? 0}
         height={containerRef.current?.clientHeight ?? 0}
         graphData={data}
-        nodeAutoColorBy="group"
-        linkDirectionalParticles={2}
-        linkDirectionalParticleWidth={2}
-        linkDirectionalParticleSpeed={0.005}
-        linkDirectionalParticleColor={() => "rgba(255, 255, 255, 0.5)"}
+        nodeAutoColorBy="name"
+        linkDirectionalParticles="value"
+        linkDirectionalParticleSpeed={(d) => d.value * 0.001}
+        linkDirectionalParticleResolution={3}
       />
     </div>
   );
diff --git a/app/(platform)/map/layout.tsx b/app/(platform)/map/layout.tsx
index 5e06aa5..d646133 100644
--- a/app/(platform)/map/layout.tsx
+++ b/app/(platform)/map/layout.tsx
@@ -1,7 +1,7 @@
 import { Metadata } from "next";
 
 export const metadata: Metadata = {
-  title: "Interactive map",
+  title: "Map of your notes",
   description: "Explore your notes and their relationships.",
 };