Simple Bubble Chart

Simple example using BubbleChart

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="50px"></div>

CSS

#test {
  height: 100%;
}

g {
  cursor: pointer;
}

.wrap {
  stroke-width: 2px;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  font-weight: 800;
  paint-order: stroke;
}

JavaScript

$(function(){

  var options = {
    container: "#test",
    label: "label",
    size: "size"
  };
  var viz = new BubbleChart(options);
  viz.data(data);
})