.dcss-variance
Gives the variance of the numbers in a list, how far they spread from their mean.
Example
Result
Markup
<link rel="stylesheet" href="dcss.css">
<link rel="stylesheet" href="families/array.css">
<link rel="stylesheet" href="families/format.css">
<figure class="dcss-variance">
<ul>
<li style="--value: 5"></li>
<li style="--value: 1"></li>
<li style="--value: 2"></li>
<li style="--value: 3"></li>
<li style="--value: 4"></li>
</ul>
<div>
<div>
<div>
<output class="dcss-format-fixed" style="--value: var(--dcss-variance); --precision: 1"></output>
</div>
</div>
</div>
</figure>
Browser support
| Browser | Support |
|---|---|
| Chrome | Yes |
| Safari | Yes |
| Firefox | No |
See also
d3.variancein d3’s documentation