如何在Gravis可视化的NetworkX图中添加节点工具提示

import networkx as nx
import gravis as gv

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

# 添加节点时指定hover属性
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', hover='简单的文本提示')

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

import networkx as nx
import pandas as pd

# 假设从Pandas DataFrame创建图
df = pd.DataFrame({
    'source': ['A', 'B', 'C'],
    'target': ['B', 'C', 'D'],
    'value': [10, 20, 30]
})
graph = nx.from_pandas_edgelist(df, 'source', 'target', create_using=nx.DiGraph())

# 为现有节点添加hover属性
node_descriptions = {
    'A': '起始节点',
    'B': '中间处理节点',
    'C': '另一个中间节点',
    'D': '结束节点'
}

for node_id in graph.nodes:
    if node_id in node_descriptions:
        graph.nodes[node_id]['hover'] = f"<b>{node_id}</b>: {node_descriptions[node_id]}"
    else:
        graph.nodes[node_id]['hover'] = f"未知节点: {node_id}"

# 也可以使用nx.set_node_attributes批量设置
# attributes = {node: f"节点信息: {node}" for node in graph.nodes}
# nx.set_node_attributes(graph, attributes, 'hover')

import networkx as nx
import gravis as gv
import pandas as pd

# 1. 创建并准备NetworkX图（同上文示例）
df = pd.DataFrame({
    'source': ['A', 'B', 'C', 'D'],
    'target': ['B', 'C', 'D', 'E'],
    'value': [10, 20, 30, 40]
})
graph = nx.from_pandas_edgelist(df, 'source', 'target', create_using=nx.DiGraph())

node_data = {
    'A': {'label': 'Start', 'tooltip': '这是流程的起点'},
    'B': {'label': 'Process 1', 'tooltip': '第一步处理'},
    'C': {'label': 'Process 2', 'tooltip': '第二步处理，可能耗时较长'},
    'D': {'label': 'Validation', 'tooltip': '数据验证环节'},
    'E': {'label': 'End', 'tooltip': '流程结束'}
}

for node_id, data in node_data.items():
    if node_id in graph.nodes:
        graph.nodes[node_id]['label'] = data['label'] # 可以设置节点显示标签
        graph.nodes[node_id]['hover'] = data['tooltip'] # 设置hover属性

# 2. 使用Gravis进行可视化
# 核心参数：node_hover_tooltip=True
gv.d3(data=graph, 
      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)