.dcss-scale-quantile

Sorts a value into groups of equal size, cut by the quantiles of a list, and gives that group’s item.

Example

Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">

<figure class="dcss-scale-quantile" style="--value: 3; --ranges: 2; --range-0: 'low'; --range-1: 'high'">
  <ol>
    <li style="--value: 1"></li>
    <li style="--value: 2"></li>
    <li style="--value: 4"></li>
  </ol>
  <output></output>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxWhole numbers only

See also