JSFiddle - React, Tailwind, and code Playground
by peteorpeter
HTML
<script src="https://github.com/DmitryBaranovskiy/g.raphael/raw/master/g.raphael-min.js"></script>
<script src="https://github.com/DmitryBaranovskiy/g.raphael/raw/master/g.bar-min.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>gRaphaël Dynamic Bar Chart</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="author" content="Dmitry Baranovskiy">
<meta name="description" content="Charting JavaScript Library">
<link rel="stylesheet" href="demo.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="demo-print.css" type="text/css" media="print" charset="utf-8">
<script src="http://raphaeljs.com/raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="g.raphael.js" type="text/javascript" charset="utf-8"></script>
<script src="g.bar.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
window.onload = function () {
var r = Raphael("holder"),
fin = function () {
this.flag = r.g.popup(this.bar.x, this.bar.y, this.bar.value || "0").insertBefore(this);
},
fout = function () {
this.flag.animate({opacity: 0}, 300, function () {this.remove();});
},
fin2 = function () {
var y = [], res = [];
for (var i = this.bars.length; i--;) {
y.push(this.bars[i].y);
res.push(this.bars[i].value || "0");
}
this.flag = r.g.popup(this.bars[0].x, Math.min.apply(Math, y), res.join(", ")).insertBefore(this);
},
fout2 = function ()...