From 6758f5a1d74f5c9c5f6298b1f073b9cbd43a384a Mon Sep 17 00:00:00 2001
From: Jay Hankins <me@jhankins.dev>
Date: Sun, 28 Aug 2022 17:13:42 -0400
Subject: [PATCH] fix graph

---
 _includes/notes_graph.html | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/_includes/notes_graph.html b/_includes/notes_graph.html
index 362ff28..020a6e5 100644
--- a/_includes/notes_graph.html
+++ b/_includes/notes_graph.html
@@ -31,12 +31,13 @@
     background: #fcfcfc;
     border-radius: 4px;
     height: auto;
+    max-width: 800px;
   }
 </style>
 
 <div id="graph-wrapper">
   <script>
-    var commentFlag = true;
+    var hasRun = false;
     
     window.addEventListener("load", loadGraph);
     window.addEventListener("scroll", loadGraph);
@@ -44,10 +45,11 @@
     function loadGraph() {
       if (!( document.getElementById("graph-wrapper").getBoundingClientRect().top <
              window.innerHeight * 1.5 &&
-          commentFlag)){
+          !hasRun)){
         return;
       }
       var oScript = document.createElement("script");
+      hasRun = true;
       oScript.src = "https://cdnjs.cloudflare.com/ajax/libs/d3/5.16.0/d3.min.js";
       oScript.crossOrigin = 'anonymous';
       oScript.integrity =
@@ -175,16 +177,15 @@
 
         const graphWrapper = document.getElementById('graph-wrapper')
         const element = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-        element.setAttribute("width", graphWrapper.getBoundingClientRect().width);
-        element.setAttribute("height", window.innerHeight * 0.8);
-        graphWrapper.appendChild(element);
-
-        const reportWindowSize = () => {
-          element.setAttribute("width", window.innerWidth);
-          element.setAttribute("height", window.innerHeight);
+        const calculateWrapperSize = () => {
+          element.setAttribute("width", graphWrapper.offsetWidth);
+          element.setAttribute("height", window.innerHeight * 0.8);
         };
 
-        window.onresize = reportWindowSize;
+        calculateWrapperSize()
+        graphWrapper.appendChild(element);
+
+        window.onresize = calculateWrapperSize;
 
         const svg = d3.select("svg");
         const width = Number(svg.attr("width"));