Simple multi-line chart2

_.md

[ Launch: Simple multi-line chart ] 4566902 by biovisualize
[ Launch: just another inlet to tributary ] 4560034 by biovisualize

config.json

{"description":"Simple multi-line chart2","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"myData3.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"tab":"edit","display_percent":0.5128760529482547,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false}

inlet.js

//d3.csv("myData3.csv", function(data) {
var data = tributary.myData3;
data.forEach(function(d) {
  d.date = new Date(d.date);
  d.close = +d.close; // 1st line data
  d.open = +d.open; // 2nd line data
});
              
// Find the extent
var dateExtent = d3.extent(data.map(function(d, i){return d.date;}));
var trendExtent = d3.extent(data.map(function(d, i){return d.open;}));

var w = 760;
var h = 400;
var pad = 50;

var x = d3.time.scale() .domain(dateExtent).range([0,w]);
var y = d3.scale.linear().domain(trendExtent).range([h,0]);

var svg =  d3.select("svg").attr("height", h + pad).attr("width", w + pad);
var vis = svg.append("g").attr("transform", "translate(40,20)");

var lineGenerator = d3.svg.line()
    .x(function(d) { console.log(1, d);return x(d.date); })
    .y(function(d) { return y(d.open); })
    .interpolate("basis");

var lines = vis.selectAll("path")
	.data([data])
	.enter().append("path")
	.attr("d", lineGenerator)
	.style({stroke: "black", fill:"none"});

var xAxis = d3.svg.axis().scale(x).orient("bottom").ticks(4).tickSize(5).tickFormat(d3.time.format("%m/%d/%Y"));

var yAxis = d3.svg.axis().scale(y).orient("left").ticks(10).tickSubdivide(1).tickSize(10, 5, 0);

var axisX = vis.append("g").classed("labels x_labels", true)
    .attr("transform", "translate(0,"+h+")")
    .call(xAxis);

vis.append("g").classed("labels y_labels", true)
    .call(yAxis);

//});

myData3.csv

style.css

.domain, .tick{
  fill: none; 
  stroke: black;
}