created by http://livecoding.io

README.md

View this code at http://livecoding.io/5796992

options.json

{
    "libraries": [
        "d3"
    ],
    "mode": "javascript",
    "layout": "fullscreen mode (vertical)",
    "resolution": "reset"
}

water.css

/* css goes here */

water.html

<!-- html goes here -->
<div class="chart"></div>

water.js

/* javascript goes here */

var dataset =[12, 35, 46, 45, 57, 53, 4, 55, 66, ]
// var p = d3.select("body").selectAll("p");

        var w = 570;
        var h = 200;
 
        var svg = d3.select(".chart")
              .append("svg")
              .attr({width:w, height:h});
        
        svg.selectAll("circle")
              .data(dataset)
              .enter()
              .append("circle")
              .attr({
              cx: function(d,i) {return 50+(i*100); },
              cy: h/2,
              r: function(d) {return d},
              fill: "red"
              });
 

water.json

{ }