Add a graph visualization page based on the analyze script

content/blog/_index.md

@@ -1,3 +1,8 @@
 ---
 title: "Posts"
 ---
+On this page you can see every article on this blog in reverse
+chronological order. If you like pretty colors and patterns,
+you can also see a visualization of all the articles and links between them
+on the [content graph]({{< relref "graph" >}}) page. If you have
+something specific in mind, you can also try using the [search]({{< relref "search" >}}) page.

content/graph.html

@@ -0,0 +1,22 @@
+---
+title: "Content Graph"
+---
+<script src="//unpkg.com/vis-network@9.1.0/dist/vis-network.min.js"></script>
+<script type="module" src="/graph/graph.js"></script>
+<style>
+#graph-container {
+    width: 100%;
+    height: 50vh;
+    border-radius: 0.2rem;
+    border: .075rem solid #bfbfbf
+}
+</style>
+<p>
+Here you can see a visualization of the posts on this article using <a href="https://visjs.org/">Vis.js</a>.
+In the below graph, each node is an article, and each edge between nodes is a reference from
+one article to another. Each article is sized to be roughly proportional to its word count (file size
+is used as a quick metric for this purpose). You can hover over a node to see the title of the article
+it represents, and double-click to go to that article.
+</p>
+<div id="graph-container">
+</div>