Что эквивалент d3.js v4.0 для d3.scale.category10()?

Я пытаюсь изучить d3 с помощью книги интерактивной веб-визуализации, но многое изменилось с версией 4.0. Одна вещь, которую я действительно не могу понять, - это эквивалент для d3.scale.category10(), чтобы получить легкое отображение цветов. Есть ли что-то подобное в новой версии или нам нужно использовать math.random и кодировать что-то сами?

Ответы

Ответ 1

Вместо

d3.scale.category10()

использовать

d3.scaleOrdinal(d3.schemeCategory10);

Создайте цветовую шкалу следующим образом:

var color = d3.scaleOrdinal(d3.schemeCategory10);

используйте такой же цвет в коде, что и в V3:

svg.append("rect")
.attr("x", 10)
.attr("y", 10)
.attr("width", 100)
.attr("height", 100)
.style("fill", color(3))

читайте здесь

Ссылка здесь

рабочий код здесь