Tailwind CSS Column Chart With Axes

<div class="bg-white p-8 shadow-lg shadow-slate-200 rounded-lg w-auto">
  <table class="w-[340px] h-[280px] charts-css column show-heading show-labels show-4-secondary-axes">
	<caption>Column Chart With Axes</caption>

	<tbody class="mt-[24px!important]">
	  <tr>
		<th>2022</th>
		<td style="--size: 0.2;"></td>
	  </tr>
	  <tr>
		<th>2021</th>
		<td style="--size: 0.4;"></td>
	  </tr>
	  <tr>
		<th>2020</th>
		<td style="--size: 0.6;"></td>
	  </tr>
	  <tr>
		<th>2019</th>
		<td style="--size: 0.8;"></td>
	  </tr>
	  <tr>
		<th>2018</th>
		<td style="--size: 1;"></td>
	  </tr>
	</tbody>
  </table>
</div>