Demonstrates some graph layouts on the Coauthorship in Network Science network in D3.js version 5.
Used NetworkX to convert the GML files into JSON, and calculate some basic node metrics.
See the following Gist for more information about the dataset used in these examples:
:link: https://gist.github.com/sjengle/510ffd96ad06fc3921aee0425e962c1e/
The following D3.js APIs may be useful:
The following bl.ocks served as inspiration for these examples:
xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Graph Demo</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900|Source+Code+Pro:300" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h2>Coauthorship in Network Science</h2>
<p>
<a href="layout-circle.html">
<img src="thumbnail-circle.png" width=300>
</a>
<a href="layout-bundle.html">
<img src="thumbnail-bundle.png" width=300>
</a>
<a href="layout-force.html">
<img src="thumbnail-force.png" width=300>
</a>
<br/>
<a href="layout-arc.html">
<img src="thumbnail-arc.png" height=300>
</a>
</p>
<p>
<b>Data:</b> M. E. J. Newman, Finding Community Structure in Networks using the Eigenvectors of Matrices, Preprint Physics/0605087 (2006).
[<a href="https://www-personal.umich.edu/~mejn/netdata/">Data</a>]
[<a href="https://arxiv.org/abs/physics/0605087">Paper</a>]
</p>
</body>