23 lines
		
	
	
		
			802 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			23 lines
		
	
	
		
			802 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| 
								 | 
							
								---
							 | 
						||
| 
								 | 
							
								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>
							 |