mayblue9

The json data has to have nested elements called "children"

The range sliders at the top change the values for the force-directed algorithm and the buttons load new graphs and apply various techniques. This will hopefully serve as a tool for teaching network analysis and visualization principles during my Gephi courses and general Networks in the Humanities presentations.

Notice this includes a pretty straightforward way to load CSV node and edge lists as exported from Gephi.

It also includes a pathfinding algorithm built for the standard data structure of force-directed networks in D3. This requires the addition of .id attributes for the nodes, however.

Now with Clustering Coefficients!

Also, it loads images for nodes but the images are not in the gist. The code also refers to different network types but the data files on Gist only refer to the transportation network.

A graph of passes done between players of Real Madrid in the 1st half of the 23.09.2014 game vs. Elche.

A more orthodox approach to show the same data of the previous experiment. Clusters are more clear: works (the huge square at top left) are distinct from people (bottom right), movies (bottom right inside the huge square) from songs and albums, which oddly form one cluster for albums and two different ones for songs.