SO one axis to rule them all

_.md

[ Launch: SO one axis to rule them all ] 5cd0e31816fd4908ad1d by jkuhnert
[ Launch: SO one axis to rule them all ] 11295457 by elsherbini

config.json

{"description":"SO one axis to rule them all","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"day.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"week.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"month.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/T5nTCvk.png"}

day.csv

inlet.js

var margin = {top:10,right:10,left:10,bottom:40},
	width = 700,
    height= 400,
	dayData = tributary.day,
    weekData = tributary.week,
    monthData = tributary.month,
    parse = d3.time.format('%d/%m %H:%M').parse;

xScale = d3.time.scale()
	.range([0,width]);

xAxis = d3.svg.axis().ticks(5)
	

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

svg.append("g")
	.attr("transform", "translate("+ margin.left +"," + (height - margin.bottom - 200) + ")")
	.call(xAxis.scale(xScale.domain(d3.extent(dayData, function(d){return parse(d.time)}))))

svg.append("g")
	.attr("transform", "translate("+ margin.left +"," + (height - margin.bottom - 100) + ")")
	.call(xAxis.scale(xScale.domain(d3.extent(weekData, function(d){return parse(d.time)}))))

svg.append("g")
	.attr("transform", "translate("+ margin.left +"," + (height - margin.bottom - 0) + ")")
	.call(xAxis.scale(xScale.domain(d3.extent(monthData, function(d){return parse(d.time)}))))
   

month.csv

week.csv