JSFiddle - React, Tailwind, and code Playground

HTML

<div id="graficos" style="height:500px">
</div>

CSS

.barras {width:100px;float:left;}

JavaScript

var height;
height=230;
$("#graficos").append('<div class="barras" style="background-color:yellow;height:'+height+'px;margin-top:'+(300-height)+'px;">John</div>');
height=110;
$("#graficos").append('<div class="barras" style="background-color:blue;height:'+height+'px;margin-top:'+(300-height)+'px;">Paul</div>');
height=140;
$("#graficos").append('<div class="barras" style="background-color:orange;height:'+height+'px;margin-top:'+(300-height)+'px;">Jack</div>');