d3.js如何在国家/地区地图中为每个州创建单独的元素？

Question

我想将样式应用于印度地图中的不同州：目前，基于某些数据，某些颜色的阴影较深。

首先，我认为我需要为每个状态创建一个单独的元素，然后将其填充颜色设置为数据的函数。

我真的是新来的。 因此，这可能很容易回答。 我不知道。

我试图复制Bostock的代码以为英国的每个国家/地区创建一个单独的path元素：

svg.selectAll(".subunit")
.data(topojson.feature(uk, uk.objects.subunits).features)
.enter().append("path")
.attr("class", function(d) { return "subunit " + d.id; })
.attr("d", path);

我有一个名为indiastates.geojson的geojson文件。 这些州的标签看起来像这样：“ NAME_1”：“ Andaman and Nicobar”。

.data行在我的代码中需要说什么？ 我不断收到错误消息，指出topojson（如果将topjson更改为geojson，则为geojson）是未定义的。

我也想知道这是否在做几乎相同的事情？

var areas = group.append("path")
.attr("d", path)
.attr("class", "area")
.attr("stroke", "black")
.style("fill", "rgb(255, 102, 102)");

Answer 1

听起来您想要做的就是创建美国的“ choropleth”地图。如果您有topojson状态文件，这是一个很好的起点，但是可能需要将其转换为CSV。 不幸的是，距离我创建一个choropleth已经有2年多了，我是用D3js以外的方法来做的。 幸运的是，这里有各种各样的教程。 只需在Google中搜索“ D3中各州的州地图”（不带引号）