Tianhe Gao

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>

No notes link to this note