Qu'est-ce que l'd3.js v4.0 l'équivalent de la d3.l'échelle.category10()?

Question

J'essaie d'apprendre à d3 avec le Web Interactif de Visualisation de livre, mais beaucoup de choses ont changé avec la version 4.0. Une chose que je ne peux pas vraiment savoir si il existe un équivalent pour la d3.l'échelle.category10() pour obtenir une simple cartographie des couleurs. Est-il quelque chose de semblable dans la nouvelle version, ou devons-nous utiliser les maths.aléatoire et le code en place quelque chose de nous-mêmes?

Answer 1

Au lieu de

d3.scale.category10()

utilisation

d3.scaleOrdinal(d3.schemeCategory10);

Créer une échelle de couleurs comme ceci:

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

utiliser la couleur comme ceci dans le code même que dans la 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