JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://d3js.org/d3.v3.min.js"></script>
<div id="holder">
  <div class="serieschart" data-role="serieschart" data-width=450 data-height=180></div>
</div>

CSS

body {
  background: #eeeeee;
}

JavaScript

$(document).ready(function() {


  var rawData = [{
    "name": "Twitter",
    "items": [{
        "label": "15 billion",
        "unit": "per day",
        "value": 5500
      }
      /*,
      				{
      					"label" : "450 checkins",
      					"unit" : "per day",
      					"value" : 400
      				}*/
    ]
  }, {
    "name": "Facebook",
    "items": [{
        "label": "5 billion",
        "unit": "per day",
        "value": 3000
      }
      /*,
      				{
      					"label" : "2000 checkins",
      					"unit" : "per day",
      					"value" : 1500
      				}*/
    ]
  }, {
    "name": "Ebay",
    "items": [{
        "label": "7 billion",
        "unit": "per day",
        "value": 300
      }
      /*,
      				{
      					"label" : "300 checkins",
      					"unit" : "per day",
      					"value" : 500
      				}*/
    ]
  }];


  var el = $('.serieschart');
  var w = el.data("width");
  var h = el.data("height");


  var margin = {
    top: 65,
    right: 90,
    bottom: 5,
    left: 150
  };

  var svg = d3.select(el[0]).append("svg")
    .attr("class", "series")
    .attr("width", w + margin.left + margin.right)
    .attr("height", h + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

  svg.selectAll("circle")
    .data([400, 100, 1000, 300])
    .enter().append("circle")
    .attr("cy", 60)
    .attr("cx", function(d, i) {
      return (i * 50) + 50; //Math.sqrt(d) ;// + 50; 
    })
    .attr("fill", function(d, i) {
      return "#00ccff";
    })
    .attr("r", function(d) {
      return Math.sqrt(d);
    });




});