javascript - 使用 d3.geomap 显示具有自定义颜色的等值线图

Question

我正在尝试修改此示例中的代码（https://d3-geomap.github.io/map/choropleth/custom-domain/），以便它可以处理比 1/0 值更大的数据范围。

基本上，我有一个 CSV 文件，其中根据我定义的自定义分组将 1 到 13 的值附加到不同的国家，并且我希望能够为每个数字选择特定的颜色。我尝试将数据域更改为 [1, 13] 或 [1, 2,..., 13] 并相应地设置颜色，但这些方法都不起作用。我不确定我是否完全理解域属性，并且想知道是否可以（如果可以，如何）进行自定义着色。

这是我尝试过的两件事：

var map = d3.geomap.choropleth()
.colors(['green','red'])
.domain([1, 13])
....

var map = d3.geomap.choropleth()
.geofile('countries.json')
.colors(['green','red', 'blue', 'orange', 'yellow', 'purple', 'violet', 'black', 'brown', 'green', 'red', 'blue', 'orange'])
.domain([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13])