by Observable

Appearance

Categorical schemes ​

For example, to create a categorical color scale using the Accent color scheme:

js
const color = d3.scaleOrdinal(d3.schemeAccent);

schemeCategory10 ​

Source · An array of ten categorical colors represented as RGB hexadecimal strings.

schemeAccent ​

Source · An array of eight categorical colors represented as RGB hexadecimal strings.

schemeDark2 ​

Source · An array of eight categorical colors represented as RGB hexadecimal strings.

schemeObservable10 ​

Source · An array of ten categorical colors represented as RGB hexadecimal strings.

schemePaired ​

Source · An array of twelve categorical colors represented as RGB hexadecimal strings.

schemePastel1 ​

Source · An array of nine categorical colors represented as RGB hexadecimal strings.

schemePastel2 ​

Source · An array of eight categorical colors represented as RGB hexadecimal strings.

schemeSet1 ​

Source · An array of nine categorical colors represented as RGB hexadecimal strings.

schemeSet2 ​

Source · An array of eight categorical colors represented as RGB hexadecimal strings.

schemeSet3 ​

Source · An array of twelve categorical colors represented as RGB hexadecimal strings.

schemeTableau10 ​

Source · An array of ten categorical colors authored by Tableau as part of Tableau 10 represented as RGB hexadecimal strings.