.dcss-summarize

Gives the common answers for one list at once: sum, count, length, mean, min, max, median, variance and deviation.

Example

Result

Mean , median , lowest

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

<figure class="dcss-summarize dcss-format-fixed" style="--precision: 1">
  <ul>
    <li style="--value: 72.5"></li>
    <li style="--value: 88"></li>
    <li style="--value: 95"></li>
    <li style="--value: 47"></li>
  </ul>
  <p>Mean
    <output style="--value: var(--dcss-mean)"></output>, median
    <output style="--value: var(--dcss-median)"></output>, lowest
    <output style="--value: var(--dcss-min)"></output>
  </p>
</figure>

Browser support

BrowserSupport
ChromeYes
SafariYes
FirefoxNo