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中各州的州地圖”（不帶引號）