Introduction to NetworkX and Pyvis in Python
I recently worked on creating a network visualization for the first time! I had no idea what package would allow me to create such visualizations, so I went ahead and googled about it. Then I got to this medium article explaining 3 network visualization packages in Python. After researching a little bit, I decided to give it NetworkX and Pyvis a try!
What data to visualize
There are probably a lot of network data available online, but for the simplicity sake, I quickly created my own dataset that only contains my family members with weights on each edge. If you don’t know what an edge is or network analysis and graph theory in general, the Wikipedia site explains them pretty well.
My data contains columns like “source”, “target”, and “weight”.
Network visualization with NetworkX
For this to work and visualize the data, I used other libraries like Pandas (my favorite!) and Matplotlib.
import pandas as pd import numpy as np import networkx as nx import matplotlib.pyplot as plt df = pd.read_csv('data.csv') G=nx.from_pandas_edgelist(df, 'source', 'target') nx.draw(G, with_labels=True) plt.show()
It’s awesome that NetworkX allows us to get data from a pandas dataframe! And here is the visualization output of the code:
Network visualization with Pyvis
What’s different between NetworkX and Pyvis is that visualizations created in NetworkX are static, but Pyvis can create dynamic visualizations because it’s essentially producing html code as you run your Python script. And here’s the screenshot of the visualization!
In this one, I made it so that it shows the weights on each edge. You can see how my parents are connected with a thicker edge, but my siblings and I are connected with thinner edges…(this is just some mock data though!)
If you hover each node, you’ll see the list of neighbors of the node you’re hovering over. That’s defined towards the end of the code pasted below.
from pyvis.network import Network import pandas as pd import matplotlib.pyplot as plt net = Network(height='750px', width='100%', bgcolor='#222222', font_color='white') # set the physics layout of the network net.barnes_hut() got_data = pd.read_csv('data.csv') sources = got_data['source'] targets = got_data['target'] weights = got_data['weight'] edge_data = zip(sources, targets, weights) for e in edge_data: src = e dst = e w = e net.add_node(src, src, title=src) net.add_node(dst, dst, title=dst) net.add_edge(src, dst, value=w) neighbor_map = net.get_adj_list() # add neighbor data to node hover data for node in net.nodes: node['title'] += ' Neighbors:<br>' + '<br>'.join(neighbor_map[node['id']]) node['value'] = len(neighbor_map[node['id']]) plt.show() net.show('myfamily.html')
And Pyvis even allows us to move each node around! This is something NetworkX package lacks (as far as I know. I could be wrong). Here’s the screenshot of the hover over on “me” after moved around nodes a bit:
I very much enjoyed exploring and playing around these network visualization packages in Python. Although I pretty much picked up example code from their documentation pages and adjusted some parts for my needs, it took me a few hours putting everything together. But it definitely was worth the time! I look forward to building more interesting projects on network analysis/visualization and graph theory 🙂