JSFiddle - React, Tailwind, and code Playground

by Gonzalo

HTML

<div id="chart">
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:ct="http://gionkunz.github.com/chartist-js/ct" width="1200" height="792" class="ct-chart-bar"><g class="ct-grids" transform="translate(0, 72)"><line x1="60" x2="60" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="146.66666666666669" x2="146.66666666666669" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="233.33333333333334" x2="233.33333333333334" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="320" x2="320" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="406.6666666666667" x2="406.6666666666667" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="493.33333333333337" x2="493.33333333333337" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="580" x2="580" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="666.6666666666667" x2="666.6666666666667" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="753.3333333333334" x2="753.3333333333334" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="840" x2="840" y1="15" y2="565" class="ct-grid ct-horizontal" style="stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px"></line><line x1="926.6666666666667" x2="926.6666666666667" y1="15" y2="565" class="ct-grid ct-horizontal"...