bike share

<!DOCTYPE html>
<meta charset="utf-8">
<style>
</style>
<body>
<script src="//d3js.org/d3.v4.0.0-alpha.45.min.js"></script>
<script>
	var width = 512;
	var height = 600;
	var svg = d3.select('body').append('svg')
  	.attr({width: width, height: height});

svg.selectAll('circle').data(data)
    .enter().append('circle')
      .attr({
        r: 3,
        cx: function(d) {
          return scale(d.dockcount);
        },
        cy: function(d, i) { return 3 * i + 30; },
       }).style({
        fill: function(d) { return color(d.species); },
      });
});

</script>
  </body>
</html>

https://d3js.org/d3.v4.0.0-alpha.45.min.js