update description in main docs page; fix citations example not loading

cmudig · May 6, 2024 · 0c518d9 · 0c518d9
1 parent c14f51e
commit 0c518d9
Show file tree

Hide file tree

Showing 23 changed files with 16,757 additions and 11 deletions.
diff --git a/docs/_posts/2024-04-30-citations.md b/docs/_posts/2024-04-30-citations.md
@@ -5,10 +5,23 @@ title: 'Example: VIS Citations'
 
 In the below chart, each point represents an IEEE VIS paper published between 1990 and 2022. Lighter colors represent more recent publications, and larger bubbles indicate more highly cited papers. Select a point to connect it to its immediate references and highlight papers that have been "influenced" by that paper (e.g. papers for whom the selected paper is in their citation ancestry).
 
-<script type="module" crossorigin src="/counterpoint/assets/citations/index-0973e6ce.js"></script>
-<link rel="stylesheet" href="/counterpoint/assets/citations/index-c85328f6.css">
+<div id="citation-chart-container"></div>
 
-<body>
-<div id="app"></div>
+<script type="module"> 
+  import CitationsChart from "/counterpoint/assets/citations/citations_vis.js";
+  new MutationObserver(() => {
+    let root = document.getElementById('citation-chart-container');
+      if (!!root) {
+        for (let child of root.childNodes) child.remove();
+      new CitationsChart({
+        target: root
+      });
+      }
+  })
+  .observe(document.body, { childList: true })
+  new CitationsChart({
+    target: document.getElementById('citation-chart-container')
+  });
+</script>
+<link rel="stylesheet" href="/counterpoint/assets/citations/style.css">
 
-</body>