[解決済み] d3.js v4.0のd3.scale.category10()に相当するものは何ですか？

質問

Interactive Web Visualizationの本でd3を学ぼうとしていますが、バージョン4.0で多くのことが変わりました。私が本当に理解できないことの1つは、色への簡単なマッピングを得るために d3.scale.category10() に相当するものがあるのかどうかです。新しいバージョンではそのようなものがあるのでしょうか、それとも math.random を使用して自分自身で何かをコード化する必要があるのでしょうか？

どのように解決するのですか？

の代わりに

d3.scale.category10()

使用

d3.scaleOrdinal(d3.schemeCategory10);

このようなカラースケールを作成します。

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

V3と同様にコード内でこのような色を使用します。

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

読む ここで

参考 ここで

作業コード ここで