我试图找出出了什么问题，我的代码，因为我还没有能够产生任何东西，除了一个大广场的单一颜色，而我试图得到一个colorScale为每个元素与类“县”的这阿尔伯斯美国Map。
项目应该如下所示：https://choropleth-map.freecodecamp.rocks/
最奇怪的是，我验证了测试。
我使用d3.js并将其放在React 18组件中，并使用Babel通过另一个HTML文件进行渲染。
可能阻塞的代码段：

const createChoroplethMap = (counties, educationData, width, height, margins) => {
    // create SVG element
    const svg = d3.select("#chomap")
      .append("svg")
      .attr("width", width + margins.left + margins.right)
      .attr("height", height + margins.top + margins.bottom);
  
    // create projection and path generator
    const projection = d3.geoAlbersUsa();
    const pathGenerator = d3.geoPath().projection(projection);
  
    // create color scale
    const colorScale = d3.scaleQuantize()
      .domain([0, d3.max(educationData, d => d.bachelorsOrHigher)])
      .range(d3.schemeBlues[9]);
  
    // draw counties
    svg.selectAll(".county")
      .data(topojson.feature(counties, counties.objects.counties).features)
      .enter().append("path")
      .attr("class", "county")
      .attr("d", pathGenerator)
      .attr("fill", d => {
        const county = educationData.find(e => e.fips === d.id);
        console.log(county.bachelorsOrHigher)
        return colorScale(county.bachelorsOrHigher);
      })
      .attr("data-fips", d => d.id)
      .attr("data-education", d => {
        const county = educationData.find(e => e.fips === d.id);
        return county.bachelorsOrHigher;
      });
  
    // draw states
    svg.selectAll(".state")
      .data(topojson.feature(counties, counties.objects.states).features)
      .enter().append("path")
      .attr("class", "state")
      .attr("d", pathGenerator);
};

字符串
链接到codepen上的项目：https://codepen.io/reggr0y/pen/QWVoBOR
我试图找出我的代码出了什么问题，因为我不能生成任何东西，而不是一个单一颜色的大广场，而我试图得到一个colorScale为每个元素与类“县”的这张美国Map。