D3 v3.x 常用顏色套用方式:
var color = d3.scale.category10(); // 選擇顏色類型 svg.append("rect") .attr("x", 5).attr("y", 5) .attr("width", 50).attr("height", 50) .style("fill", color(3)); // 使用顏色 3
D3 v4.x / v5.x 常用顏色套用方式:
var color = d3.scaleOrdinal(d3.schemeCategory10); // 選擇顏色類型 svg.append("rect") .attr("x", 5).attr("y", 5) .attr("width", 50).attr("height", 50) .style("fill", color(3)); // 使用顏色 3
D3 v3.x 與 v4.x / v5.x 的常用顏色等效類型對應:
詳細色階參考: