如何创建面积图D3 js的镜像图？

<div id="chart"></div>

var width = 500;
var height = 300;

var svg = d3.select("#chart")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

var data = [
  {x: 0, y: 10},
  {x: 1, y: 20},
  {x: 2, y: 15},
  // 添加更多数据点...
];

var xScale = d3.scaleLinear()
  .domain([0, d3.max(data, function(d) { return d.x; })])
  .range([0, width]);

var yScale = d3.scaleLinear()
  .domain([0, d3.max(data, function(d) { return d.y; })])
  .range([height, 0]);

var area = d3.area()
  .x(function(d) { return xScale(d.x); })
  .y0(height)
  .y1(function(d) { return yScale(d.y); });

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