161

I have some nodes coming from a script that I want to map on to a graph. In the below, I want to use Arrow to go from A to D and probably have the edge colored too in (red or something).

This is basically, like a path from A to D when all other nodes are present. you can imagine each nodes as cities and traveling from A to D requires directions (with arrow heads).

This code below builds the graph

import networkx as nx
import numpy as np
import matplotlib.pyplot as plt

G = nx.Graph()
G.add_edges_from(
    [('A', 'B'), ('A', 'C'), ('D', 'B'), ('E', 'C'), ('E', 'F'),
     ('B', 'H'), ('B', 'G'), ('B', 'F'), ('C', 'G')])

val_map = {'A': 1.0,
           'D': 0.5714285714285714,
           'H': 0.0}

values = [val_map.get(node, 0.25) for node in G.nodes()]

nx.draw(G, cmap = plt.get_cmap('jet'), node_color = values)
plt.show()

but I want something like shown in the image.enter image description here enter image description here

Arrow heads of the first image and the edges in red color onto the second image.

6 Answers 6

129

Fully fleshed out example with arrows for only the red edges:

import networkx as nx
import matplotlib.pyplot as plt

G = nx.DiGraph()
G.add_edges_from(
    [('A', 'B'), ('A', 'C'), ('D', 'B'), ('E', 'C'), ('E', 'F'),
     ('B', 'H'), ('B', 'G'), ('B', 'F'), ('C', 'G')])

val_map = {'A': 1.0,
           'D': 0.5714285714285714,
           'H': 0.0}

values = [val_map.get(node, 0.25) for node in G.nodes()]

# Specify the edges you want here
red_edges = [('A', 'C'), ('E', 'C')]
edge_colours = ['black' if not edge in red_edges else 'red'
                for edge in G.edges()]
black_edges = [edge for edge in G.edges() if edge not in red_edges]

# Need to create a layout when doing
# separate calls to draw nodes and edges
pos = nx.spring_layout(G)
nx.draw_networkx_nodes(G, pos, cmap=plt.get_cmap('jet'), 
                       node_color = values, node_size = 500)
nx.draw_networkx_labels(G, pos)
nx.draw_networkx_edges(G, pos, edgelist=red_edges, edge_color='r', arrows=True)
nx.draw_networkx_edges(G, pos, edgelist=black_edges, arrows=False)
plt.show()

Red edges

10
  • 2
    it's crazy how different our two updated images are. +1 for figuring out the edge colors!
    – mdml
    Nov 21, 2013 at 23:17
  • why is your edge (C,E) not red, though it must be red according to your code above? Nov 21, 2013 at 23:22
  • is it not possible to have these arrow heads only on edges of interest? for example (A,C) and (C,E) Nov 21, 2013 at 23:24
  • @user1988876: Ah, sorry, (C, E) is not red because I picked the edges for red_edges when I was still working with your undirected graph, just picking randomly from the edges returned by G.edges(). It should be red_edges = [('A', 'C'), ('E', 'C')].
    – Marius
    Nov 21, 2013 at 23:27
  • @user1988876: Having arrows on only some of the edges is possible with separate calls to draw_networkx_edges(). I've cleaned up the code and fixed the DiGraph issues.
    – Marius
    Nov 21, 2013 at 23:34
63

Instead of regular nx.draw you may want to use:

nx.draw_networkx(G[, pos, arrows, with_labels])

For example:

nx.draw_networkx(G, arrows=True, **options)

You can add options by initialising that ** variable like this:

options = {
    'node_color': 'blue',
    'node_size': 100,
    'width': 3,
    'arrowstyle': '-|>',
    'arrowsize': 12,
}

Also some functions support the directed=True parameter In this case this state is the default one:

G = nx.DiGraph(directed=True)

The networkx reference is found here.

Graph with arrows image

1
  • 2
    It would be great to give a working example
    – Natan
    Oct 23, 2022 at 16:06
56

I only put this in for completeness. I've learned plenty from marius and mdml. Here are the edge weights. Sorry about the arrows. Looks like I'm not the only one saying it can't be helped. I couldn't render this with ipython notebook I had to go straight from python which was the problem with getting my edge weights in sooner.

import networkx as nx
import numpy as np
import matplotlib.pyplot as plt
import pylab

G = nx.DiGraph()

G.add_edges_from([('A', 'B'),('C','D'),('G','D')], weight=1)
G.add_edges_from([('D','A'),('D','E'),('B','D'),('D','E')], weight=2)
G.add_edges_from([('B','C'),('E','F')], weight=3)
G.add_edges_from([('C','F')], weight=4)


val_map = {'A': 1.0,
                   'D': 0.5714285714285714,
                              'H': 0.0}

values = [val_map.get(node, 0.45) for node in G.nodes()]
edge_labels=dict([((u,v,),d['weight'])
                 for u,v,d in G.edges(data=True)])
red_edges = [('C','D'),('D','A')]
edge_colors = ['black' if not edge in red_edges else 'red' for edge in G.edges()]

pos=nx.spring_layout(G)
nx.draw_networkx_edge_labels(G,pos,edge_labels=edge_labels)
nx.draw(G,pos, node_color = values, node_size=1500,edge_color=edge_colors,edge_cmap=plt.cm.Reds)
pylab.show()

enter image description here

8
  • 10
    I ran this and didn't get the node labels. You need to add these: node_labels = {node:node for node in G.nodes()}; nx.draw_networkx_labels(G, pos, labels=node_labels) .
    – MadeOfAir
    Aug 30, 2014 at 12:05
  • And what if you already have an undirected graph and want to reproduce a directed copy of it? Is there any way of setting the G.add_edges_from() line without having to manually enter the start and endpoint? Perhaps adding edges from a dict?
    – FaCoffee
    Nov 3, 2015 at 11:11
  • 1
    Is it possible to get real arrows on the edges? I don't like the just thicker end.
    – Wikunia
    Oct 5, 2016 at 12:50
  • 1
    Drawing arrowheads in matplotlib is tricky and currently not supported in NetworkX. Pull requests are accepted. Oct 5, 2016 at 22:11
  • 1
    Update: NetworkX Arrows have been implemented. Huzzah! Jan 13, 2020 at 23:32
29

You need to use a directed graph instead of a graph, i.e.

G = nx.DiGraph()

Then, create a list of the edge colors you want to use and pass those to nx.draw (as shown by @Marius).

Putting this all together, I get the image below. Still not quite the other picture you show (I don't know where your edge weights are coming from), but much closer! If you want more control of how your output graph looks (e.g. get arrowheads that look like arrows), I'd check out NetworkX with Graphviz.

enter image description here

2
  • Ah cheers, I couldn't figure out why arrows weren't working as I could see arguments for them in the documentation.
    – Marius
    Nov 21, 2013 at 23:14
  • I tried what you did bu did g = nx.Graph(strict=True, directed=True). The plots are not directed. But it was fixed with g = g.to_directed(). Am I doing something wrong or is this a bug? May 10, 2021 at 17:35
17
import networkx as nx
import matplotlib.pyplot as plt

g = nx.DiGraph()
g.add_nodes_from([1,2,3,4,5])
g.add_edge(1,2)
g.add_edge(4,2)
g.add_edge(3,5)
g.add_edge(2,3)
g.add_edge(5,4)

nx.draw(g,with_labels=True)
plt.draw()
plt.show()

This is just simple how to draw directed graph using python 3.x using networkx. just simple representation and can be modified and colored etc. See the generated graph here.

Note: It's just a simple representation. Weighted Edges could be added like

g.add_edges_from([(1,2),(2,5)], weight=2)

and hence plotted again.

15
import networkx as nx
import matplotlib.pyplot as plt

G = nx.DiGraph()
G.add_node("A")
G.add_node("B")
G.add_node("C")
G.add_node("D")
G.add_node("E")
G.add_node("F")
G.add_node("G")
G.add_edge("A","B")
G.add_edge("B","C")
G.add_edge("C","E")
G.add_edge("C","F")
G.add_edge("D","E")
G.add_edge("F","G")

print(G.nodes())
print(G.edges())

pos = nx.spring_layout(G)

nx.draw_networkx_nodes(G, pos)
nx.draw_networkx_labels(G, pos)
nx.draw_networkx_edges(G, pos, edge_color='r', arrows = True)

plt.show()
1
  • I tried what you did bu did g = nx.Graph(strict=True, directed=True). The plots are not directed. But it was fixed with g = g.to_directed(). Am I doing something wrong or is this a bug? May 10, 2021 at 17:35

Not the answer you're looking for? Browse other questions tagged or ask your own question.