如何更新d3.js堆积面积图？

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

const svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 300);

d3.csv("data.csv", function(data) {
  // 处理数据
});

const xScale = d3.scaleLinear()
  .domain([0, d3.max(data, d => d.x)])
  .range([0, width]);

const yScale = d3.scaleLinear()
  .domain([0, d3.max(data, d => d.y)])
  .range([height, 0]);

const area = d3.area()
  .x(d => xScale(d.x))
  .y0(d => yScale(d.y0))
  .y1(d => yScale(d.y1))
  .curve(d3.curveBasis);

svg.append("path")
  .datum(data)
  .attr("d", area)
  .attr("fill", "steelblue");

d3.csv("new_data.csv", function(newData) {
  // 更新数据
  svg.selectAll("path")
    .datum(newData)
    .attr("d", area);
});