n3.min.js

(function(){var n3=window.n3||{};window.n3=n3;n3.__namespace=true;(function($self,undefined){$self.version="0.1.1";$self.debug=false;$self.dispatch=d3.dispatch("render_start","render_end","update_graphs");$self.logs={};$self.graphs=[];$self.log=function(){if($self.debug&&console.log&&console.log.apply){console.log.apply(console,arguments)}else if($self.debug&&console.log&&Function.prototype.bind){var log=Function.prototype.bind.call(console.log,console);log.apply(console,arguments)}return arguments[arguments.length-1]};$self.render=function render(step){step=step||1;render.active=true;$self.dispatch.render_start();setTimeout(function(){var chart,graph;for(var i=0;i<step&&(graph=render.queue[i]);i++){chart=graph.generate();$self.graphs.push(chart)}render.queue.splice(0,i);if(render.queue.length)setTimeout(arguments.callee,0);else{$self.render.active=false;$self.dispatch.render_end()}},0)};$self.render.active=false;$self.render.queue=[];$self.addGraph=function(obj){if(typeof arguments[0]==typeof Function)obj={generate:arguments[0]};$self.render.queue.push(obj);if(!$self.render.active)$self.render()};$self.windowResize=function(fun){var _onresize=window.onresize;window.onresize=function(e){if(typeof _onresize=="function")_onresize(e);fun(e)}};function init(){if($self.debug){$self.dispatch.on("render_start",function(e){$self.logs.startTime=+new Date});$self.dispatch.on("render_end",function(e){$self.logs.endTime=+new Date;$self.logs.totalTime=$self.logs.endTime-$self.logs.startTime;$self.log("total",$self.logs.totalTime,"ms")})}$self.dispatch.on("update_graphs",function(e){for(var i=0;i<$self.graphs.length;i++){$self.graphs[i].container.call($self.graphs[i])}});$self.windowResize(function(){$self.dispatch.update_graphs()})}init()})(n3);n3=window.n3||{};n3.__namespace=true;n3.graphing=n3.graphing||{};n3.graphing.__namespace=true;(function($self,undefined){$self.linegraph=function(){var width=null;var height=null;var margin={top:0,right:0,bottom:0,left:0};var ticks=7;var subdivide=true;var xAxis=d3.svg.axis();var yAxis=d3.svg.axis();var x=null;var y=null;var background="#222";var hideXAxis=false;var hideYAxis=false;var tickSubdivide=true;var xScale=d3.time.scale();var yScale=d3.scale.linear();var xDomain=null;var yDomain=null;var transitionDuration=200;var transitionZero=false;var pointRadius=5;var hideCursor=false;var color=function(){var colors=d3.scale.category20c().range();return function(d,i){return d.color||colors[i%colors.length]}}();function chart(selection){selection.each(function(data){var container=d3.select(this);var self=this;var totalWidth=width||parseInt(container.style("width"))||960;var totalHeight=height||parseInt(container.style("height"))||400;var availableWidth=totalWidth-margin.left-margin.right;var availableHeight=totalHeight-margin.top-margin.bottom;chart.container=container;var xd=[];var yd=[];xd=[d3.min(data,function(d){return d3.min(d.values,function(dv){return dv.x})}),d3.max(data,function(d){return d3.max(d.values,function(dv){return dv.x})})];yd=[0,d3.max(data,function(d){return d3.max(d.values,function(dv){return dv.y})})];yd[1]=yd[1]*1.25;if(xDomain)xd=xDomain;if(yDomain)yd=yDomain;x=xScale.range([0,availableWidth]).domain(xd);y=yScale.range([availableHeight,0]).domain(yd);if(background){if(container.selectAll(".n3-background")[0].length==0){container.append("rect").attr("class","n3-background").attr("fill",background).attr("width",availableWidth).attr("height",availableHeight)}d3.transition(container.select(".n3-background")).attr("fill",background).attr("width",availableWidth).attr("height",availableHeight)}if(!hideXAxis){xAxis.scale(x).ticks(ticks).tickSize(availableHeight).tickSubdivide(tickSubdivide).orient("bottom");if(container.selectAll(".n3-x.n3-axis")[0].length==0){container.append("g").attr("class","n3-x n3-axis").attr("transform","translate(0,"+"-20)").call(xAxis)}d3.transition(container.select(".n3-x.n3-axis")).call(xAxis)}if(!hideYAxis){yAxis.scale(y).ticks(ticks).tickSize(availableWidth).orient("right");if(container.selectAll(".n3-y.n3-axis")[0].length==0){container.append("g").attr("class","n3-y n3-axis").attr("transform","translate(-5,0)").call(yAxis)}d3.transition(container.select(".n3-y.n3-axis")).call(yAxis)}var wrap=container.selectAll("g.n3-wrap.n3-linegraph").data(data);var gEnter=wrap.enter().append("g").attr("class","n3 n3-wrap n3-linegraph").append("g");var g=wrap.select("g");gEnter.append("clipPath").append("rect").attr("class","n3-clip").attr("width",availableWidth).attr("height",availableHeight);gEnter.select("n3-clip").attr("width",availableWidth).attr("height",availableHeight);var gradientEnter=gEnter.append("defs").append("linearGradient").attr("id",function(d,i){return"gradient_"+i+"_"+d.key||"y"}).attr("x1","0%").attr("y1","0%").attr("x2","0%").attr("y2","100%").attr("spreadMethod","pad");gradientEnter.append("stop").attr("offset","0%").style("stop-opacity","0.5").style("stop-color",function(d,i){return d.color||color(d,i)}).attr("class","n3-gradient-start");gradientEnter.append("stop").attr("offset","100%").style("stop-opacity","0.3").style("stop-color",function(d,i){return d.color||color(d,i)}).attr("class","n3-gradient-stop");var pathsEnter=gEnter.append("g").attr("class","n3-paths");pathsEnter.append("path").attr("class","n3-area").attr("fill",function(d,i){return"url(#gradient_"+i+"_"+(d.key||"y")+")"}).attr("d",function(d,i){var area=d3.svg.area().x(function(d){return x(d.x)}).y0(availableHeight).y1(function(d){return y(d.y)});return area(d.values)});pathsEnter.append("path").attr("class","n3-stroke").attr("fill","transparent").attr("stroke",function(d,i){return d.color||color(d,i)}).attr("d",function(d,i){var line=d3.svg.line().x(function(d){return x(d.x)}).y(function(d){return y(d.y)});return line(d.values)});var areaSelection=g.select(".n3-area");if(transitionZero)areaSelection=areaSelection.transition().duration(transitionDuration).attr("d",function(d,i){var area=d3.svg.area().x(function(d){return x(d.x)}).y0(availableHeight).y1(availableHeight);return area(d.values)}).transition().duration(transitionDuration);areaSelection.attr("d",function(d,i){var area=d3.svg.area().x(function(d){return x(d.x)}).y0(availableHeight).y1(function(d){return y(d.y)});return area(d.values)});var strokeSelection=g.select(".n3-stroke");if(transitionZero)strokeSelection=strokeSelection.transition().duration(transitionDuration).attr("d",function(d,i){var line=d3.svg.line().x(function(d){return x(d.x)}).y(availableHeight);return line(d.values)}).transition().duration(transitionDuration);strokeSelection.attr("d",function(d,i){var line=d3.svg.line().x(function(d){return x(d.x)}).y(function(d){return y(d.y)});return line(d.values)});if(!hideCursor){gEnter.append("line").attr("class","n3-cursor").attr("x1",0).attr("x2",0).attr("y1",0).attr("y2",availableHeight)}var pointsEnter=gEnter.append("g").attr("class","n3-points");container.on("mousedown",function(){if(!hideCursor){console.log(container)}});container.on("mouseup",function(){if(!hideCursor){console.log(container)}});container.on("mousemove",function(){var dataX=x.invert(d3.mouse(this)[0]);var selections=[];data.forEach(function(d,i){var bisector=d3.bisector(function(da){return da.x}).right;var rightIndex=bisector(d.values,dataX);var leftVal=d.values[rightIndex-1],rightVal=d.values[rightIndex];if(rightVal&&Math.abs(leftVal.x-dataX)>Math.abs(rightVal.x-dataX)){selections.push(rightVal)}else{selections.push(leftVal)}});if(!hideCursor){g.select(".n3-cursor").attr("x1",x(dataX)).attr("x2",x(dataX)).attr("y1",0).attr("y2",availableHeight).attr("stroke",function(d,i){return d.color||color(d,i)})}pointsEnter.each(function(d,i){var points=d3.select(this).selectAll(".n3-point").data(selections);points.enter().append("circle").attr("class","n3-point").attr("cx",function(da,i){return x(da.x)}).attr("cy",function(da,i){return y(da.y)}).attr("r",pointRadius).attr("fill",d.color||color(d,i)).attr("stroke",d.color||color(d,i)).on("mouseover",function(){d3.select(this).transition().attr("r",pointRadius*1.25)}).on("mouseout",function(){d3.select(this).transition().attr("r",pointRadius)});points.attr("cx",function(da,i){return x(da.x)}).attr("cy",function(da,i){return y(da.y)});points.exit().remove()})})})}chart.background=function(_){if(!arguments.length)return background;background=_;return chart};chart.margin=function(_){if(!arguments.length)return margin;margin.top=typeof _.top!="undefined"?_.top:margin.top;margin.right=typeof _.right!="undefined"?_.right:margin.right;margin.bottom=typeof _.bottom!="undefined"?_.bottom:margin.bottom;margin.left=typeof _.left!="undefined"?_.left:margin.left;return chart};chart.width=function(_){if(!arguments.length)return width;width=_;return chart};chart.height=function(_){if(!arguments.length)return height;height=_;return chart};chart.hideXAxis=function(_){if(!arguments.length)return hideXAxis;hideXAxis=_;return chart};chart.hideYAxis=function(_){if(!arguments.length)return hideYAxis;hideYAxis=_;return chart};chart.xScale=function(_){if(!arguments.length)return xScale;xScale=_;return chart};chart.yScale=function(_){if(!arguments.length)return yScale;yScale=_;return chart};chart.xDomain=function(_){if(!arguments.length)return xDomain;xDomain=_;return chart};chart.yDomain=function(_){if(!arguments.length)return yDomain;yDomain=_;return chart};chart.transitionDuration=function(_){if(!arguments.length)return transitionDuration;transitionDuration=_;return chart};chart.transitionZero=function(_){if(!arguments.length)return transitionZero;transitionZero=_;return chart};chart.pointRadius=function(_){if(!arguments.length)return pointRadius;pointRadius=_;return chart};chart.hideCursor=function(_){if(!arguments.length)return hideCursor;hideCursor=_;return chart};return chart};$self.linegraph.__class=true})(n3.graphing)})();