just another inlet to tributary

_.md

See Previous Inlet [ Gist ]

config.json

{"editor_editor":{"coffee":false,"vim":false,"emacs":false,"width":614,"height":872,"hide":false},"endpoint":"tributary","public":true}

inlet.js

var svg = d3.select("svg");

var width = 400,
    height = 300,
    xextent = d3.extent([-1, 1]),
    yextent = d3.extent([-1, 1]);

var x = d3.scale.linear().domain(xextent).range([0, width]),
    y = d3.scale.linear().domain(yextent).range([height, 0]);
console.log("**")
console.log(x(0));
var data = d3.range(-1, 1.1, .1)
    .map(function(d) {
      return [d, d*d];
    });

var line = d3.svg.line()
    .interpolate("basis")
    .x(function(d) { return x(d[0]); })
    .y(function(d) { return y(d[1]); });

svg.selectAll("path")
    .data([data])
  .enter()
    .append("path")
    .attr({
      d: line,
      stroke: "black",
      fill: "none",
    });

xAxis = d3.svg.axis()
    .scale(x);
yAxis = d3.svg.axis()
    .scale(y)
    .orient("left");

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(" + [0, y(0)] + ")")
    .call(xAxis);
svg.append("g")
    .attr("class", "y axis")
    .attr("transform", "translate(" + [x(0), 0] + ")")
    .call(yAxis);

d3.select("head")
    .append("style")
    .attr("type", "text/css");

inlet.svg