categorical.md

<script setup> import * as d3 from "d3"; import ColorSwatches from "../components/ColorSwatches.vue"; </script>

Categorical schemes

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

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

schemeCategory10 {#schemeCategory10}

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

schemeAccent {#schemeAccent}

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

schemeDark2 {#schemeDark2}

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

schemePaired {#schemePaired}

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

schemePastel1 {#schemePastel1}

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

schemePastel2 {#schemePastel2}

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

schemeSet1 {#schemeSet1}

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

schemeSet2 {#schemeSet2}

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

schemeSet3 {#schemeSet3}

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

schemeTableau10 {#schemeTableau10}

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