Create charts through CSS
https://github.com/ChartsCSS/charts.css
1<link rel="stylesheet" href="https://unpkg.com/charts.css/dist/charts.min.css">
2
3<table class="charts-css bar ">
4
5 <caption> 2016 Summer Olympics Medal Table </caption>
6
7 <thead>
8 <tr>
9 <th scope="col"> Country </th>
10 <th scope="col"> Gold </th>
11 <th scope="col"> Silver </th>
12 <th scope="col"> Bronze </th>
13 </tr>
14 </thead>
15
16 <tbody>
17 <tr>
18 <th scope="row"> USA </th>
19 <td style="--size: 0.46"> 46 </td>
20 <td style="--size: 0.37"> 37 </td>
21 <td style="--size: 0.38"> 38 </td>
22 </tr>
23 <tr>
24 <th scope="row"> GBR </th>
25 <td style="--size: 0.27"> 27 </td>
26 <td style="--size: 0.23"> 23 </td>
27 <td style="--size: 0.17"> 17 </td>
28 </tr>
29 <tr>
30 <th scope="row"> CHN </th>
31 <td style="--size: 0.26"> 26 </td>
32 <td style="--size: 0.18"> 18 </td>
33 <td style="--size: 0.26"> 26 </td>
34 </tr>
35 </tbody>
36
37</table>