anchor.diff:    var svg = d3.select("#timeline1").append("svg").attr("width", width)
     .datum(testData).call(chart);
   // */
  -    // var testData = [
  -      //   {times: [{"starting_time": 1, "ending_time": 2}, {"starting_time": 3, "ending_time": 4}]},
  -      //   {times: [{"starting_time": 4, "ending_time": 6}, {"starting_time": 2, "ending_time": 3}]},
  -      //   {times: [{"starting_time": 6, "ending_time": 8}]},
  -    // ];
  -
  -    // var margin = {top: 200, right: 40, bottom: 200, left: 40},
  -      //   width = 960 - margin.left - margin.right,
  -      //   height = 500 - margin.top - margin.bottom;
  -
  -    // var x = d3.time.scale()
  -    // .domain([new Date(2013, 7, 1), new Date(2013, 7, 5) - 1])
  -    // .range([0, width]);
  -
  -    // // var brush = d3.svg.brush()
  -    // // .x(x)
  -    // // .extent([new Date(2013, 7, 2), new Date(2013, 7, 3)])
  -    // // .on("brushend", brushended);
  -
  -    // var svg = d3.select("body").append("svg")
  -    // .attr("width", width + margin.left + margin.right)
  -    // .attr("height", height + margin.top + margin.bottom)
  -    // .append("g")
  -    // .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
  -
  -    // svg.append("rect")
  -    // .attr("class", "grid-background")
  -    // .attr("width", width)
  -    // .attr("height", height);
  -
  -    // svg.append("g")
  -    // .attr("class", "x grid")
  -    // .attr("transform", "translate(0," + height + ")")
  -    // .call(d3.svg.axis()
  -             //       .scale(x)
  -             //       .orient("bottom")
  -             //       .ticks(d3.time.hours, 12)
  -             //       .tickSize(-height)
  -             //       .tickFormat(""))
  -    // .selectAll(".tick")
  -    // .classed("minor", function(d) { return d.getHours(); });
  -
  -    // svg.append("g")
  -    // .attr("class", "x axis")
  -    // .attr("transform", "translate(0," + height + ")")
  -    // .call(d3.svg.axis()
  -             //       .scale(x)
  -             //       .orient("bottom")
  -             //       .ticks(d3.time.days)
  -             //       .tickPadding(0))
  -    // .selectAll("text")
  -    // .attr("x", 6)
  -    // .style("text-anchor", null);
  -
  -    // var gBrush = svg.append("g")
  -    // .attr("class", "brush")
  -    // .call(brush)
  -    // .call(brush.event);
  -
  -    // gBrush.selectAll("rect")
  -    // .attr("height", height);
  -
  -    // function brushended() {
  -      //   if (!d3.event.sourceEvent) return; // only transition after input
  -      //     var extent0 = brush.extent(),
  -      //       extent1 = extent0.map(d3.time.day.round);
  -
  -      //     // if empty when rounded, use floor & ceil instead
  -      //     if (extent1[0] >= extent1[1]) {
  -        //         extent1[0] = d3.time.day.floor(extent0[0]);
  -        //         extent1[1] = d3.time.day.ceil(extent0[1]);
  -      //       }
  -
  -      //       d3.select(this).transition()
  -      //       .call(brush.extent(extent1))
  -      //       .call(brush.event);
  -    //       }
  -
  -    </script>
  +              // var testData = [
  +                //   {times: [{"starting_time": 1, "ending_time": 2}, {"starting_time": 3, "ending_time": 4}]},
  +                //   {times: [{"starting_time": 4, "ending_time": 6}, {"starting_time": 2, "ending_time": 3}]},
  +                //   {times: [{"starting_time": 6, "ending_time": 8}]},
  +              // ];
  +
  +              // var margin = {top: 200, right: 40, bottom: 200, left: 40},
  +                //   width = 960 - margin.left - margin.right,
  +                //   height = 500 - margin.top - margin.bottom;
  +
  +              // var x = d3.time.scale()
  +              // .domain([new Date(2013, 7, 1), new Date(2013, 7, 5) - 1])
  +              // .range([0, width]);
  +
  +              // // var brush = d3.svg.brush()
  +              // // .x(x)
  +              // // .extent([new Date(2013, 7, 2), new Date(2013, 7, 3)])
  +              // // .on("brushend", brushended);
  +
  +              // var svg = d3.select("body").append("svg")
  +              // .attr("width", width + margin.left + margin.right)
  +              // .attr("height", height + margin.top + margin.bottom)
  +              // .append("g")
  +              // .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
  +
  +              // svg.append("rect")
  +              // .attr("class", "grid-background")
  +              // .attr("width", width)
  +              // .attr("height", height);
  +
  +              // svg.append("g")
  +              // .attr("class", "x grid")
  +              // .attr("transform", "translate(0," + height + ")")
  +              // .call(d3.svg.axis()
  +                       //       .scale(x)
  +                       //       .orient("bottom")
  +                       //       .ticks(d3.time.hours, 12)
  +                       //       .tickSize(-height)
  +                       //       .tickFormat(""))
  +              // .selectAll(".tick")
  +              // .classed("minor", function(d) { return d.getHours(); });
  +
  +              // svg.append("g")
  +              // .attr("class", "x axis")
  +              // .attr("transform", "translate(0," + height + ")")
  +              // .call(d3.svg.axis()
  +                       //       .scale(x)
  +                       //       .orient("bottom")
  +                       //       .ticks(d3.time.days)
  +                       //       .tickPadding(0))
  +              // .selectAll("text")
  +              // .attr("x", 6)
  +              // .style("text-anchor", null);
  +
  +              // var gBrush = svg.append("g")
  +              // .attr("class", "brush")
  +              // .call(brush)
  +              // .call(brush.event);
  +
  +              // gBrush.selectAll("rect")
  +              // .attr("height", height);
  +
  +              // function brushended() {
  +                //   if (!d3.event.sourceEvent) return; // only transition after input
  +                //     var extent0 = brush.extent(),
  +                //       extent1 = extent0.map(d3.time.day.round);
  +
  +                //     // if empty when rounded, use floor & ceil instead
  +                //     if (extent1[0] >= extent1[1]) {
  +                  //         extent1[0] = d3.time.day.floor(extent0[0]);
  +                  //         extent1[1] = d3.time.day.ceil(extent0[1]);
  +                //       }
  +
  +                //       d3.select(this).transition()
  +                //       .call(brush.extent(extent1))
  +                //       .call(brush.event);
  +              //       }
  +
  +              </script>
  
positive.code: .orient("bottom");
  
  
  // var dataset = [],
    //   i = 0;
  
  // for(i=0; i<5; i++){
    //     dataset.push(Math.round(Math.random()*100));
  //   }
  
  //   var sampleSVG = d3.select("#viz")
  //   .append("svg")
  //   .attr("width", 400)
  //   .attr("height", 75);
  
  //   sampleSVG.selectAll("circle")
  //   .data(dataset)
  //   .enter().append("circle")
  //   .style("stroke", "gray")
  //   .style("fill", "white")
  //   .attr("r", 40)
  //   .attr("cx", 50)
  //   .attr("cy", 50)
  //   .on("mouseover", function(){d3.select(this).style("fill", "aliceblue");})
  //   .on("mouseout", function(){d3.select(this).style("fill", "white");});
  
  
  // var dataset = [],
    //   i = 0;
  
  // for(i=0; i<5; i++){
    //     dataset.push(Math.round(Math.random()*100));
  //   }
  
  //   var sampleSVG = d3.select("#viz")
  //   .append("svg")
  //   .attr("width", 400)
  //   .attr("height", 75);
  
  //   sampleSVG.selectAll("circle")
  //   .data(dataset)
  //   .enter().append("circle")
  //   .style("stroke", "gray")
  //   .style("fill", "white")
  //   .attr("height", 40)
  //   .attr("width", 75)
  //   .attr("x", function(d, i){return i*80})
  //   .attr("y", 20);
  
  var chart = d3.select(".chart")
  .attr("width", width)
  
negative.code:   fill: steelblue;
  }*/
  
  .chart {
    background-color: #efefef;
  }
  .chart text {
    fill: black;
    font: 10px sans-serif;
  