Создание процентной линейчатой ​​карты - PullRequest
0 голосов
/ 28 февраля 2020

Извините, я не знаю, как называть такие диаграммы. Я уже сделал квадратную сетку, прямоугольник, расположенный на каждом центроиде. (pi c 1)

Pi c 1

Теперь я хочу сделать карту в процентах (изотип?), но я не знаю как это сделать. (pi c 2 - фотоделал)

Pi c 2

Это код, я изменил его из простого кода карты

d3.json(url).then(function(dataset){

  group = canvas.selectAll("g")
    .data(dataset.features)
    .enter()
    .append("g")

  areas = group.append("path")
    .attr("d", path)
    .attr("class","area")
    .style("fill","white")
    .style("opacity",0)
    ;

  group.append("rect")
    .attr("x",function (d) { return path.centroid(d)[0];})
    .attr("y",function (d) { return path.centroid(d)[1];})
    .attr("width",10)
    .attr("height",10)
    .style("fill","orange");


});

У меня уже есть идея, вручную добавить данные на JSON, но я хочу знать, как это сделать с помощью динамического c ввода. Я хочу, чтобы Google это, но не имею никакой подсказки или ключевого слова. Спасибо

...