anchor.diff:  				shape-rendering: crispEdges;
   			}
   
  -			.x.axis path {
  -				display: none;
  -			}
  -
   			.line {
   				fill: none;
   				stroke: steelblue;
   				stroke-width: 1.5px;
  +			}
  +
  +			.slider {
  +				display: block;
  +				width: 100%;
   			}
   		script
   			:livescript
  
positive.code: 					.scale y
  					.orient \left
  
  				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})"
  
  				line = d3.svg.line!
  					.x -> x new Date it.timestamp
  					.y -> y it.value
  
  				svg.append \g
  					.attr \class 'x axis'
  
negative.code: 					top:    20
  					right:  20
  					bottom: 30
  					left:   30
  				width  = window.inner-width        - margin.left - margin.right
  				height = 0.5 * window.inner-height - margin.top - margin.bottom
  
  				x = d3.time.scale!.range   [0 width]
  				y = d3.scale.linear!.range [height, 0]
  