如何在D3/dagre-D3/javascript中创建决策树/流程图？

// 引入D3和dagre-D3库
import * as d3 from 'd3';
import * as dagreD3 from 'dagre-d3';

// 创建SVG容器
const svg = d3.select('body')
  .append('svg')
  .attr('width', 500)
  .attr('height', 500);

// 创建dagre-D3图形
const g = new dagreD3.graphlib.Graph().setGraph({});

// 添加节点
g.setNode('A', { label: 'Node A' });
g.setNode('B', { label: 'Node B' });
g.setNode('C', { label: 'Node C' });

// 添加边
g.setEdge('A', 'B');
g.setEdge('B', 'C');

// 布局图形
dagreD3.layout(g);

// 渲染图形
const render = new dagreD3.render();
render(svg, g);

// 添加交互
svg.selectAll('g.node')
  .on('mouseover', function() {
    d3.select(this).select('rect').style('fill', 'red');
  })
  .on('mouseout', function() {
    d3.select(this).select('rect').style('fill', 'white');
  });