test minicharts

minicharts.js is a library to create small animated charts

by fguillem

HTML

<script src="https://unpkg.com/[email protected]/dist/minicharts.js"></script>
<div>
  <span id="mychart"></span>
</div>
<div>
  <span id="barchart"></span>
  <span id="polarchart"></span>
  <span id="piechart"></span>
</div>

CSS

div {
  margin: 20px 0;
}

span {
  margin: 0 10px;
}

JavaScript

var opts = {
  width:360,
  height:120,
  labels: "auto",
  maxValue: 100
};

function fakeData(n) {
  var res = [];
  for (var i = 0; i < n; i++) res.push(Math.random()*100);
  return res;
}

var mychart = new minicharts.Barchart("#mychart", fakeData(6), opts);
setInterval(function(){mychart.setData(fakeData(6))}, 1000);

new minicharts.Barchart("#barchart", [1,2,3]);
new minicharts.Polarchart("#polarchart", [1,2,3]);
new minicharts.Piechart("#piechart", [1,2,3]);