Is there a way to generate more than 20 colors in D3?

Question

According to the D3 Wiki. there is a scale function d3.scale.category20() that

Constructs a new ordinal scale with a range of twenty categorical colors:

Question: is there anything that one can do to generate more than 20 unique colors? I was hoping to get at least 50.

score 2 · Accepted Answer · answered Dec 08 '15 at 18:55

2

By looking at the source code for that method:

d3.scale.category20 = function() {
    return d3.scale.ordinal().range(d3_category20);
};
var d3_category20 = [
  0x1f77b4, 0xaec7e8,
  0xff7f0e, 0xffbb78,
  0x2ca02c, 0x98df8a,
  0xd62728, 0xff9896,
  0x9467bd, 0xc5b0d5,
  0x8c564b, 0xc49c94,
  0xe377c2, 0xf7b6d2,
  0x7f7f7f, 0xc7c7c7,
  0xbcbd22, 0xdbdb8d,
  0x17becf, 0x9edae5
].map(d3_rgbString);

You should be able to call d3.scale.ordinal().range(...) on your own color list.

answered Dec 08 '15 at 18:55

Draco18s no longer trusts SE

15,628
3
36
56

so I have to create the color list – Leahcim Dec 08 '15 at 19:00
Yes. Its just a list of hex values. `0x1f77b4` is the color `#1f 77 b4` – Draco18s no longer trusts SE Dec 08 '15 at 19:01
Expanded the above solution on this [thread](https://stackoverflow.com/questions/20847161/how-can-i-generate-as-many-colors-as-i-want-using-d3/46305307#46305307) – radhikesh93 Sep 19 '17 at 16:19

Is there a way to generate more than 20 colors in D3?

1 Answers1

Linked