Ваш вопрос несколько банален, но я постараюсь вам помочь. Если вы хотите создать диаграмму на D3, вы будете использовать элемент SVG, в этом случае я думаю, что решением будет использовать их цветовую схему для определения цвета элемента SVG. Эта ссылка перенаправит вас на d3-scale-chromati c, где вы можете найти различные типы цветовых схем. Вы также можете увидеть эту ссылку для другого подхода.
Если вам нужен цвет solid для вашего SVG, вам просто нужно написать следующий код в атрибутах SVG:
.style("fill", "red")
Если вам нужна цветовая схема, сделайте что-то вроде этого:
//Create before appending SVG element
const color = d3.scaleOrdinal(d3.schemeSet3); //Choose the scheme you want
.style("fill", function(){
return color
}
Надеюсь, это поможет