The code of this visualization is available on my github: https://github.com/astro1860/visualization_project/tree/master/random_graph_dynamic
In this part, we tried to visualize with different technique with random graph.
Firstly, we generated a 50 nodes random graph by networkx and we got the following graph.
from networkx.readwrite import json_graph
from operator import itemgetter
import matplotlib.pyplot as plt
import scipy as sp
import numpy as np
import scipy.io as spio
# position is stored as node attribute data for random_geometric_graph
# find node near center (0.5,0.5)
for n in pos:
# color by path length from node near center
This graph looked good though, we would like to see the detailed information of every node: eigenvector centrality and degree centrality. We calculated them in python and save them as node attributes. The example of how to generate them is on another blog post: Interactive Graph Visualization: from fMRI to json file
After obtaining the json file, we started to play with d3.js to do visualization. The example of how to construct this interface is in my other blogpost: interactive Graph Visualization