JSFiddle - React, Tailwind, and code Playground

HTML

<div name="chartContainer" ,style="height: 1000px;width: 1000px">
    <div name="datapointContainer" ,style="display:inline-block;position:relative;height=100%">&nbsp;
        <div style="position:absolute;bottom:1.5em;height:90%">
            <div style="display:inline-block;background-color:blue;height:20%;vertical-align:bottom">&nbsp;</div>
            <div style="display:inline-block;background-color:red;height:60%;vertical-align:bottom">&nbsp;</div>
        </div>
        <div style="position:absolute;bottom:0">label</div>
    </div>
    <div name="datapointContainer" ,style="display:inline-block;position:relative;height=100%">&nbsp;
        <div style="position:absolute;bottom:1.5em;height:90%">
            <div style="display:inline-block;background-color:blue;height:40%;vertical-align:bottom">&nbsp;</div>
            <div style="display:inline-block;background-color:red;height:80%;vertical-align:bottom">&nbsp;</div>
        </div>
        <div style="position:absolute;bottom:0">label</div>
    </div>
    <div name="datapointContainer" ,style="display:inline-block;position:relative;height=100%">&nbsp;
        <div style="position:absolute;bottom:1.5em;height:90%">
            <div style="display:inline-block;background-color:blue;height:60%;vertical-align:bottom">&nbsp;</div>
            <div style="display:inline-block;background-color:red;height:100%;vertical-align:bottom">&nbsp;</div>
        </div>
        <div style="position:absolute;bottom:0">label</div>
    </div>
</div>