just another inlet to tributary

inlet.js

var margin = 60;
var width = 1200-margin;
var height = 800-margin;
var svg = d3.select('svg');
var myData = {"times_square": [{"count": 36.333333333333336, "time": 1328356800000}, {"count": 87.361111111111114, "time": 1328371200000}, {"count": 216.22222222222223, "time": 1328385600000}, {"count": 418.80555555555554, "time": 1328400000000}, {"count": 351.11111111111109, "time": 1328414400000}, {"count": 213.94444444444446, "time": 1328428800000}, {"count": 29.361111111111111, "time": 1328443200000}, {"count": 69.444444444444443, "time": 1328457600000}, {"count": 152.41666666666666, "time": 1328472000000}, {"count": 291.80555555555554, "time": 1328486400000}, {"count": 205.44444444444446, "time": 1328500800000}, {"count": 98.388888888888886, "time": 1328515200000}, {"count": 34.777777777777779, "time": 1328529600000}, {"count": 245.33333333333334, "time": 1328544000000}, {"count": 274.61111111111109, "time": 1328558400000}, {"count": 758.47222222222217, "time": 1328572800000}, {"count": 391.97222222222223, "time": 1328587200000}, {"count": 88.666666666666671, "time": 1328601600000}, {"count": 39.833333333333336, "time": 1328616000000}, {"count": 20.0, "time": 1328618993000}, {"count": 140.0, "time": 1328630400000}, {"count": 328.94444444444446, "time": 1328644800000}, {"count": 788.86111111111109, "time": 1328659200000}, {"count": 441.77777777777777, "time": 1328673600000}, {"count": 101.33333333333333, "time": 1328688000000}, {"count": 37.388888888888886, "time": 1328702400000}, {"count": 264.27777777777777, "time": 1328716800000}, {"count": 293.75, "time": 1328731200000}, {"count": 794.33333333333337, "time": 1328745600000}, {"count": 434.38888888888891, "time": 1328760000000}, {"count": 104.02777777777777, "time": 1328774400000}, {"count": 36.694444444444443, "time": 1328788800000}, {"count": 253.97222222222223, "time": 1328803200000}, {"count": 329.5625, "time": 1328817600000}, {"count": 70.0, "time": 1328832000000}, {"count": 467.33333333333331, "time": 1328846400000}, {"count": 120.86111111111111, "time": 1328860800000}, {"count": 39.138888888888886, "time": 1328875200000}, {"count": 249.66666666666666, "time": 1328889600000}, {"count": 334.30555555555554, "time": 1328904000000}, {"count": 815.86111111111109, "time": 1328918400000}, {"count": 475.05555555555554, "time": 1328932800000}], "grand_central": [{"count": 22.842105263157894, "time": 1328356800000}, {"count": 143.57894736842104, "time": 1328371200000}, {"count": 329.94736842105266, "time": 1328385600000}, {"count": 411.57894736842104, "time": 1328400000000}, {"count": 255.42105263157896, "time": 1328414400000}, {"count": 89.578947368421055, "time": 1328428800000}, {"count": 14.368421052631579, "time": 1328443200000}, {"count": 99.84210526315789, "time": 1328457600000}, {"count": 220.31578947368422, "time": 1328472000000}, {"count": 301.73684210526318, "time": 1328486400000}, {"count": 141.89473684210526, "time": 1328500800000}, {"count": 75.0, "time": 1328515200000}, {"count": 56.315789473684212, "time": 1328529600000}, {"count": 606.66666666666663, "time": 1328538796000}, {"count": 196.58333333333334, "time": 1328544000000}, {"count": 405.21052631578948, "time": 1328558400000}, {"count": 27.857142857142858, "time": 1328560024000}, {"count": 683.71428571428567, "time": 1328572800000}, {"count": 492.21052631578948, "time": 1328587200000}, {"count": 73.0, "time": 1328601600000}, {"count": 72.578947368421055, "time": 1328616000000}, {"count": 767.68421052631584, "time": 1328630400000}, {"count": 467.21052631578948, "time": 1328644800000}, {"count": 1003.578947368421, "time": 1328659200000}, {"count": 501.63157894736844, "time": 1328673600000}, {"count": 73.421052631578945, "time": 1328688000000}, {"count": 62.157894736842103, "time": 1328702400000}, {"count": 531.0, "time": 1328716800000}, {"count": 405.68421052631578, "time": 1328731200000}, {"count": 1038.3157894736842, "time": 1328745600000}, {"count": 511.31578947368422, "time": 1328760000000}, {"count": 79.15789473684211, "time": 1328774400000}, {"count": 63.05263157894737, "time": 1328788800000}, {"count": 536.68421052631584, "time": 1328803200000}, {"count": 458.21052631578948, "time": 1328817600000}, {"count": 1025.2105263157894, "time": 1328832000000}, {"count": 561.84210526315792, "time": 1328846400000}, {"count": 101.89473684210526, "time": 1328860800000}, {"count": 58.789473684210527, "time": 1328875200000}, {"count": 481.31578947368422, "time": 1328889600000}, {"count": 479.89473684210526, "time": 1328904000000}, {"count": 1072.421052631579, "time": 1328918400000}, {"count": 508.84210526315792, "time": 1328932800000}]};  

svg
  .attr("width", width+margin)
  .attr("height", height+margin)
  .append("g")
  .attr("class", "chart");

svg
  .selectAll("circle.times_square")
  .data(myData.times_square)
  .enter()
  .append("circle")
  .attr("class", "times_square");

svg
  .selectAll("circle.grand_central")
  .data(myData.grand_central)
  .enter()
  .append("circle")
  .attr("class", "grand_central");

var count_extent = d3.extent(myData.times_square.concat(myData.grand_central),
                             function(d){return d.count});
var count_scale = d3.scale.linear()
    .domain(count_extent)
    .range([height, margin]);

var time_extent = d3.extent(myData.times_square.concat(myData.grand_central),
                             function(d){return d.time});
var time_scale = d3.time.scale()
    .domain(time_extent)
    .range([margin, width]);

d3.selectAll("circle")
  .attr("cy", function(d){return count_scale(d.count);})
  .attr("cx", function(d){return time_scale(d.time);})
  .attr("r", 3.1);

var time_axis = d3.svg.axis()
    .scale(time_scale);

svg
  .append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0," + (height) + ")")
  .call(time_axis);

var count_axis = d3.svg.axis()
    .scale(count_scale)
    .orient('left');

svg
  .append("g")
  .attr("class","y axis")
  .attr("transform", "translate(" + (margin) + ",0)")
  .call(count_axis);

svg
  .selectAll(".axis")
  .attr("font-family","arial")
  .attr("font-size",(0.75)+ "em");

svg
  .selectAll("path")
  .attr("fill","none")
  .attr("stroke","black")
  .attr("stroke-width",(0.5)+"px");

svg
  .selectAll(".tick")
  .attr("fill","none")
  .attr("stroke","black");

svg
  .selectAll("circle")
  .attr("stroke","black")
  .attr("stroke-width","0.5px");

svg
  .selectAll("circle.times_square")
  .attr("fill", "DeepPink");

svg
  .selectAll("circle.grand_central")
  .attr("fill", "MediumSeaGreen");