Qu’est-ce que l’équivalent d3.js v4.0 pour d3.scale.category10 ()?

J’essaie d’apprendre d3 avec le livre Interactive Web Visualization, mais beaucoup de choses ont changé avec la version 4.0. Une chose que je ne peux vraiment pas comprendre est s’il y a un équivalent pour d3.scale.category10 () pour obtenir un mappage facile aux couleurs. Y a-t-il quelque chose comme ça dans la nouvelle version ou devons-nous utiliser math.random et coder quelque chose nous-mêmes?

Au lieu de

d3.scale.category10() 

utilisation

 d3.scaleOrdinal(d3.schemeCategory10); 

Créez une échelle de couleurs comme celle-ci:

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

utilisez la couleur comme ceci dans le code comme dans V3:

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

lire ici

Référence ici

code de travail ici