如何在NetworkX与PyVis中为节点添加Icon形状？

• PyVis的icon形状依赖Font Awesome图标库，必须确保可视化页面加载该库的样式才能正常显示图标。你可以下载Font Awesome的CSS文件，通过PyVis注入样式，或者在生成的HTML里手动添加样式内容。
• 设置shape="icon"的节点时，必须通过icon参数指定图标的核心信息：face固定为"font-awesome"，code是图标的Unicode编码，size控制图标大小。

示例代码修改（适配NetworkX+PyVis场景） #

import networkx as nx
from pyvis.network import Network

# 从CSV加载网络图（示例，根据你的实际CSV结构调整）
G = nx.read_edgelist("your_nodes.csv")

# 初始化PyVis网络
net = Network(notebook=True)

# 注入Font Awesome样式（需提前下载Font Awesome的all.min.css文件）
with open("all.min.css", "r", encoding="utf-8") as f:
    fa_style = f.read()
net.prepend_html(f'<style>{fa_style}</style>')

# 为节点设置Icon形状（以"user"图标为例）
for node in G.nodes():
    net.add_node(
        node,
        shape="icon",
        icon={
            "face": "font-awesome",
            "code": "\uf007",  # 对应Font Awesome的user图标Unicode编码
            "size": 50
        }
    )

# 添加边（如果你的CSV包含边数据）
for u, v in G.edges():
    net.add_edge(u, v)

# 生成可视化页面
net.show("node_shapes.html")

关键要点 #

• 图标编码获取：你可以在Font Awesome的官方图标详情页找到对应图标的Unicode编码（比如搜索"user"图标，就能看到编码f007，在代码里写成\uf007）。
• 样式注入必须做：如果没有加载Font Awesome的CSS，图标会显示为空白或乱码字符，这是大部分新手踩坑的点。
• 适配CSV数据：如果你的CSV里存储了每个节点的图标配置（比如编码、尺寸），可以用pandas读取后动态设置：

import pandas as pd

nodes_df = pd.read_csv("your_nodes.csv")
for _, row in nodes_df.iterrows():
    net.add_node(
        row["node_id"],
        shape="icon",
        icon={
            "face": "font-awesome",
            "code": row["icon_code"],
            "size": row["icon_size"]
        }
    )

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