NetworkX 如何为每个节点添加可点击跳转的超链接？

你要实现点击节点跳转的效果，有两种常用的实现路径，以下是修改后的可运行代码：

1. 交互窗口点击跳转实现（运行代码后在弹出的matplotlib窗口点击节点即可跳转） #

完整代码如下：

import networkx as nx
import matplotlib.pyplot as plt
import webbrowser

G = nx.Graph()
# 给每个节点配置测试URL，可替换为实际地址
node_urls = {
    1: "https://test.example/node1",
    2: "https://test.example/node2",
    3: "https://test.example/node3",
    4: "https://test.example/node4",
    5: "https://test.example/node5"
}
# 将URL存入节点属性
for node, url in node_urls.items():
    G.add_node(node, url=url)

G.add_edge(1, 2)
G.add_edge(1, 3)
G.add_edge(1, 5)
G.add_edge(2, 3)
G.add_edge(3, 4)
G.add_edge(4, 5)

# 显式设置节点位置
pos = {1: (0, 0), 2: (-1, 0.3), 3: (2, 0.17), 4: (4, 0.255), 5: (5, 0.03)}

options = {
    "font_size": 36,
    "node_size": 3000,
    "node_color": "white",
    "edgecolors": "black",
    "linewidths": 5,
    "width": 5,
}
# 拆分绘制逻辑，保存节点对象用于后续事件绑定
nodes = nx.draw_networkx_nodes(G, pos, **options)
nx.draw_networkx_edges(G, pos, **options)
nx.draw_networkx_labels(G, pos, font_size=options["font_size"])

# 点击事件回调逻辑
def on_node_click(event):
    if event.inaxes == ax:
        contains, attr = nodes.contains(event)
        if contains:
            # 获取点击的节点ID
            node_idx = attr["ind"][0]
            target_node = list(G.nodes())[node_idx]
            # 调用系统浏览器打开对应URL
            webbrowser.open(G.nodes[target_node]["url"])

# 绑定点击事件
ax = plt.gca()
fig = plt.gcf()
fig.canvas.mpl_connect('button_press_event', on_node_click)

ax.margins(0.20)
plt.axis("off")
plt.show()

运行代码后，在弹出的matplotlib绘图窗口中点击对应节点，就会自动打开绑定的URL。

2. 导出带超链接的SVG文件（适合分享场景） #

如果需要导出为可交互的分享文件，可以生成带超链接的SVG，替换方案1代码的最后展示部分即可：

# 绘图逻辑和方案1一致，替换最后的plt.show()部分为以下代码
ax = plt.gca()
ax.margins(0.20)
plt.axis("off")

# 为每个节点元素添加超链接属性
for node in G.nodes():
    node_index = list(G.nodes()).index(node)
    node_patch = nodes.get_children()[node_index]
    node_patch.set_url(G.nodes[node]["url"])

# 保存为SVG文件，用浏览器打开即可实现点击跳转
plt.savefig("network_with_links.svg", format="svg", bbox_inches="tight")
plt.show()

内容的提问来源于stack exchange，提问作者Slowat_Kela