Моя карта работает в Vue. js и D3. Мне потребовалось некоторое время, чтобы добраться до этой точки, но я нашел несколько хороших учебников, которым нужно следовать.
Показанные данные являются средними для каждого штата CC долг на человека. Я интерполирую цвет каждого состояния следующим образом:
return d3.scaleLinear().domain([6726, 10685]).range(["white", "red"])
Где 6726 - самое низкое значение в моем наборе данных, а 10685 - самое высокое значение.
Я смотрю на D3 документы для легенд, и я не могу сделать из этого ни головы, ни хвоста. Я хотел бы поэкспериментировать с отображением цветовой шкалы, показывающей один и тот же диапазон с различными шагами в диапазоне. Возможно, разделение диапазона на кварталы подойдет.
Может быть, что-то похожее на это:
https://observablehq.com/@d3 / цвет -legend