From 244801af65b9e628927c1f1b2518ae62ca2e354f Mon Sep 17 00:00:00 2001
From: Leo Lazou <leolazou@gmail.com>
Date: Thu, 30 May 2024 19:42:22 +0200
Subject: [PATCH] idea: Tags appear as hollow circles on the graph (#1129)

* Tags appear as hollow circles on the graph

Added a few lines to make tags appear as hollow circles on the graph, as opposed to pages which are plain circles, for better visual separation.

* Applied Prettier code style
---
 quartz/components/scripts/graph.inline.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/quartz/components/scripts/graph.inline.ts b/quartz/components/scripts/graph.inline.ts
index e8dec4c..15a9a06 100644
--- a/quartz/components/scripts/graph.inline.ts
+++ b/quartz/components/scripts/graph.inline.ts
@@ -282,6 +282,13 @@ async function renderGraph(container: string, fullSlug: FullSlug) {
     // @ts-ignore
     .call(drag(simulation))
 
+  // make tags hollow circles
+  node
+    .filter((d) => d.id.startsWith("tags/"))
+    .attr("stroke", color)
+    .attr("stroke-width", 2)
+    .attr("fill", "var(--light)")
+
   // draw labels
   const labels = graphNode
     .append("text")