test minicharts

minicharts.js is a library to create small animated charts

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) {

  return res={"divs":[{"color":"#22bedf","icon":"zmdi-globe","count":0,"key":"Event Feedback"}],"icons":["zmdi-ticket-star","zmdi-twitter","zmdi-download","zmdi-mood"],"colorArray":["#77c4f2","#8892d6","#808080","#159817","#ca0814"]};
}

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]);