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

我想将风格应用于印度地图中的不同州：目前，根据某些数据，使用某种颜色的深色阴影。

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

我真的是个新手。所以这可能很容易回答。我想不通。

我试图复制Bostock的代码，为英国的每个国家创建一个单独的路径元素：

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（或者geojson，如果我将topjson更改为geojson）是未定义的。

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

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