Liquid Gauge Bubble Chart

Simple example using BubbleChart

by maxibaezpy

HTML

<script src="https://rawgit.com/mbaez/bubbles-chart/master/dist/js/bubbles-chart.full.js"></script>
<script src="https://rawgit.com/mbaez/bubbles-chart/master/test/js/data.js"></script>
<link rel="stylesheet" href="https://rawgit.com/mbaez/bubbles-chart/master/dist/css/bubbles-chart.css">
<div id="test" width="300px"></div>

CSS

body{
  background:white;
}

JavaScript

$(function(){

  var options = {
    container: "#test",
    label: "label",
    type: "liquid",
    percentage: function (d) {
      return d.count/100;
    },
    size: "size"
  };
  var viz = new BubbleChart(options);
  viz.data(data);
})