如何在svg中为d3笔刷创建路径

<script src="https://d3js.org/d3.v7.min.js"></script>
<svg width="500" height="500"></svg>

const svg = d3.select("svg");

const brush = d3.brush();

svg.append("g")
   .attr("class", "brush")
   .call(brush);

brush.extent([[0, 0], [500, 500]]) // 设置笔刷的范围
    .on("brush", brushed); // 设置笔刷的事件处理函数

function brushed(event) {
  // 在这里可以处理笔刷的事件，例如获取选中的路径
  const selection = event.selection;
  console.log(selection);
}