如何在Gravis可视化中为NetworkX图节点添加悬停提示

import networkx as nx

# 创建一个空的有向图
G = nx.DiGraph()

# 添加节点 'Node A'，并直接设置其 'hover' 属性
G.add_node('Node A', color='blue', shape='circle', hover='这是节点A的详细信息。')

# 添加节点 'Node B'，并设置包含HTML的 'hover' 属性
G.add_node('Node B', color='red', shape='square', hover='<b>Node B</b> <br> <i>重要节点信息</i>')

# 添加节点 'Node C'，暂时不设置 'hover' 属性
G.add_node('Node C', color='green', shape='star')

print(G.nodes['Node A'])
# 输出: {'color': 'blue', 'shape': 'circle', 'hover': '这是节点A的详细信息。'}

# 假设 G 已经存在，并且包含 'Node C'
# G.add_node('Node C', color='green', shape='star')

# 为 'Node C' 添加 'hover' 属性
for node_id in G.nodes:
    if node_id == 'Node C':
        G.nodes[node_id]['hover'] = f'这是节点 {node_id} 的动态提示。'

print(G.nodes['Node C'])
# 输出: {'color': 'green', 'shape': 'star', 'hover': '这是节点 Node C 的动态提示。'}

# 假设 G 已经存在，并且包含 'Node C' 和 'Node D'
G.add_node('Node D', color='purple')

# 定义一个字典，键为节点ID，值为要设置的hover属性内容
hover_attributes = {
    'Node C': '节点C的自定义提示。',
    'Node D': '这是节点D的提示信息。'
}

# 批量设置 'hover' 属性
nx.set_node_attributes(G, hover_attributes, 'hover')

print(G.nodes['Node C'])
print(G.nodes['Node D'])
# 输出:
# {'color': 'green', 'shape': 'star', 'hover': '节点C的自定义提示。'}
# {'color': 'purple', 'hover': '这是节点D的提示信息。'}

import networkx as nx
import gravis as gv

# 1. 创建一个NetworkX有向图并添加节点及hover属性
G = nx.DiGraph()
G.add_node('Node A', color='blue', shape='circle', hover='这是节点A的详细信息。')
G.add_node('Node B', color='red', shape='square', hover='<b>Node B</b> <br> <i>重要节点信息</i>')
G.add_node('Node C', color='green', shape='star')
G.add_node('Node D', color='purple')

# 2. 为已存在的节点添加或更新 'hover' 属性
hover_attributes_update = {
    'Node C': '节点C的自定义提示。',
    'Node D': '这是节点D的提示信息。'
}
nx.set_node_attributes(G, hover_attributes_update, 'hover')

# 3. 添加边
G.add_edge('Node A', 'Node B')
G.add_edge('Node B', 'Node C')
G.add_edge('Node C', 'Node A')
G.add_edge('Node D', 'Node A')

# 4. 可视化图，并激活节点悬停提示
fig = gv.d3(
    data=G,
    node_size_factor=2.0,
    node_hover_neighborhood=True, # 鼠标悬停时高亮邻居节点
    node_hover_tooltip=True,      # 关键：激活悬停提示功能
    edge_size_factor=0.75,
    edge_curvature=0.3,
    layout_algorithm_active=True,
    use_many_body_force=True,
    many_body_force_strength=-300.0,
    many_body_force_theta=0.9,
    use_many_body_force_min_distance=True,
    many_body_force_min_distance=50.0,
    use_many_body_force_max_distance=True,
    many_body_force_max_distance=250.0,
    use_links_force=True,
    links_force_distance=50.0,
    links_force_strength=0.5,
    use_collision_force=True,
    collision_force_radius=35.0,
    collision_force_strength=0.5,
    use_centering_force=True
)

# 在Jupyter Notebook或类似环境中，fig对象会自动显示。
# 在Python脚本中，如果需要打开浏览器显示，可以调用 fig.display()
# fig.display()