JSFiddle - React, Tailwind, and code Playground
HTML
<table class='charts-css bar show-labels show-heading'>
<caption>Size of Charts.css releases</caption>
<tr><th>v0.2.0</th><td style='--size: calc(27/100)'>27KiB</td></tr>
<tr><th>v0.3.0</th><td style='--size: calc(32/100)'>32KiB</td></tr>
<tr><th>v0.4.0</th><td style='--size: calc(30/100)'>30KiB</td></tr>
<tr><th>v0.5.0</th><td style='--size: calc(45/100)'>45KiB</td></tr>
<tr><th>v0.6.0</th><td style='--size: calc(46/100)'>46KiB</td></tr>
<tr><th>v0.7.0</th><td style='--size: calc(67/100)'>67KiB</td></tr>
<tr><th>v0.8.0</th><td style='--size: calc(70/100)'>70KiB</td></tr>
<tr><th>v0.8.1</th><td style='--size: calc(70/100)'>70KiB</td></tr>
<tr><th>v0.8.2</th><td style='--size: calc(70/100)'>70KiB</td></tr>
<tr><th>v0.9.0</th><td style='--size: calc(70/100)'>70KiB</td></tr>
</table><link rel=stylesheet href='https://cdn.jsdelivr.net/npm/[email protected]/dist/charts.min.css'>