Co to jest odpowiednik d3.js w wersji 4.0 dla d3.scale.category10()?

Question

Próbuję nauczyć się d3 w książce Interactive Web Visualization, ale wiele zmieniło się w wersji 4.0. Jedną z rzeczy, których naprawdę nie mogę zrozumieć jest to, że istnieje odpowiednik d3.scale.category10(), aby uzyskać łatwe odwzorowanie kolorów. Czy jest coś takiego w nowej wersji lub czy musimy używać math.random i samemu coś koduować?

Answer 1

Zamiast

d3.scale.category10() 

użycie

d3.scaleOrdinal(d3.schemeCategory10); 

Tworzenie skalę kolorów tak:

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

używać koloru jak to w kodzie samej jak w V3:

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

czytać here

Reference here

kod roboczych here