如何在d3中使用d3.scale.linear为地图着色

<script src="path/to/d3.js"></script>

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

d3.json("path/to/map-data.json", function(error, mapData) {
  if (error) throw error;
  
  // 处理地图数据
});

var projection = d3.geoMercator()
  .fitSize([width, height], mapData);

var path = d3.geoPath()
  .projection(projection);

svg.selectAll("path")
  .data(mapData.features)
  .enter().append("path")
  .attr("d", path)
  .style("fill", function(d) {
    // 根据地图数据的属性值来设置颜色
    var value = d.properties.value;
    return colorScale(value);
  });

var colorScale = d3.scale.linear()
  .domain([minValue, maxValue]) // 属性值的取值范围
  .range(["#fff", "#000"]); // 颜色范围