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