Created
October 5, 2012 09:38
-
-
Save mbecica/3838958 to your computer and use it in GitHub Desktop.
AppDirect release history
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML> | |
| <head> | |
| <title>AppDirect release History</title> | |
| <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/2.10.0/d3.v2.min.js"></script> | |
| <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.1/underscore-min.js"></script> | |
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> | |
| <script src="https://raw.github.com/bigmlcom/tipsy/master/src/javascripts/jquery.tipsy.js" type="text/javascript" charset="utf-8"></script> | |
| <link rel="stylesheet" href="http://onehackoranother.com/projects/jquery/tipsy/stylesheets/tipsy.css" type="text/css" title="no title" charset="utf-8"> | |
| </head> | |
| <style> | |
| body { | |
| font-family:sans-serif; | |
| font-size:10px; | |
| color:#aaa; | |
| } | |
| .axis { | |
| shape-rendering: crispEdges; | |
| } | |
| .axis path, .axis line { | |
| fill: none; | |
| stroke: #eee; | |
| } | |
| circle { | |
| cursor:pointer; | |
| } | |
| .node { | |
| line-height:1.3em; | |
| } | |
| </style> | |
| <body> | |
| <script> | |
| function getDateTime(data) { | |
| var d = data["date"], | |
| t = data["time"]; | |
| var date = new Date(d.substring(0,4), d.substring(4,6), d.substring(6,8), | |
| t.substring(0,2), t.substring(2,4), t.substring(4,6)); | |
| return date; | |
| } | |
| $(function() { | |
| var width = 800, | |
| height = 150, | |
| margin = 30; | |
| var x = d3.time.scale() | |
| .range([0, width]); | |
| var y = d3.scale.linear() | |
| .range([height, 0]); | |
| var color1 = "navy", | |
| color2 = "#653379", | |
| color = d3.scale.linear() | |
| .range([color1,color2]); | |
| var format = d3.time.format("%b %y"); | |
| var vis = d3.select("body") | |
| .append("svg") | |
| .attr("width", width + margin * 2) | |
| .attr("height", height + margin * 2) | |
| .append("g") | |
| .attr("transform", "translate(" + margin + "," + margin + ")"); | |
| var xAxis = d3.svg.axis() | |
| .tickSize(3); | |
| var yAxis = d3.svg.axis() | |
| .scale(y) | |
| .orient("left") | |
| .tickSize(width); | |
| d3.json("rel.json", function(data) { | |
| data = data.j; | |
| //Set domains | |
| x.domain(d3.extent(data, function(d) {return getDateTime(d[0])})); | |
| y.domain([0,d3.max(data, function(d) {return d.length})]); | |
| color.domain([0, data.length]); | |
| //Axis | |
| xAxis.scale(x) | |
| .tickFormat(format); | |
| vis.append("g") | |
| .attr({ | |
| "transform":function() { return "translate(0," + height + ")"; }, | |
| "class": "x axis" | |
| }) | |
| .call(xAxis); | |
| vis.append("g") | |
| .attr({ | |
| "transform":function() { return "translate(" + width + ",0)"; }, | |
| "class":"y axis" | |
| }) | |
| .call(yAxis); | |
| //Chart | |
| var group = vis.selectAll("g.circle") | |
| .data(data) | |
| .enter() | |
| .append("g") | |
| .attr({"class":"circle", | |
| "transform": function(d) { | |
| return "translate(" + [x(getDateTime(d[0])), y(d.length)] + ")"; | |
| }}); | |
| group.append("circle") | |
| .attr({ | |
| r: function(d) { | |
| return d.length*3; | |
| }, | |
| fill: function(d, i) { | |
| return color(i); | |
| }, | |
| opacity: .6, | |
| stroke: function(d, i) { | |
| return "#fff"; | |
| }, | |
| "class":"node", | |
| "stroke-width":2 | |
| }) | |
| .append("title") | |
| .text(function(d) { | |
| return makeList(d); | |
| }); | |
| $(".node").tipsy({html:true}); | |
| }); | |
| }); | |
| function makeList(data) { | |
| var s = "<b>" + data[0]["tag"] + "</b><br/>"; | |
| var f = d3.time.format("%a %b %e %H:%M") | |
| _(data).each(function(d) { | |
| s += f(getDateTime(d)) + "<br/>"; | |
| }); | |
| return s; | |
| } | |
| </script> | |
| </body> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"j":[[{"date":"20110225","time":"203328","tag":"0.8"},{"date":"20110225","time":"204915","tag":"0.8"},{"date":"20110228","time":"144340","tag":"0.8"},{"date":"20110302","time":"151111","tag":"0.8"}],[{"date":"20110323","time":"183759","tag":"0.9"},{"date":"20110328","time":"102003","tag":"0.9"},{"date":"20110404","time":"102849","tag":"0.9"}],[{"date":"20110328","time":"182451","tag":"0.91"},{"date":"20110328","time":"190215","tag":"0.91"},{"date":"20110330","time":"204444","tag":"0.91"}],[{"date":"20110406","time":"183447","tag":"0.10"},{"date":"20110406","time":"184430","tag":"0.10"},{"date":"20110406","time":"193321","tag":"0.10"},{"date":"20110407","time":"183633","tag":"0.10"},{"date":"20110408","time":"160424","tag":"0.10"},{"date":"20110408","time":"201316","tag":"0.10"},{"date":"20110411","time":"194504","tag":"0.10"},{"date":"20110413","time":"175110","tag":"0.10"}],[{"date":"20110426","time":"181756","tag":"0.11"},{"date":"20110427","time":"192147","tag":"0.11"},{"date":"20110504","time":"112500","tag":"0.11"}],[{"date":"20110601","time":"212400","tag":"appcel.1"},{"date":"20110602","time":"160016","tag":"appcel.1"},{"date":"20110602","time":"225930","tag":"appcel.1"},{"date":"20110603","time":"200307","tag":"appcel.1"}],[{"date":"20110616","time":"154306","tag":"appcel.2"},{"date":"20110616","time":"201056","tag":"appcel.2"},{"date":"20110617","time":"184847","tag":"appcel.2"},{"date":"20110621","time":"180519","tag":"appcel.2"}],[{"date":"20110627","time":"170004","tag":"thor.1"},{"date":"20110627","time":"190001","tag":"thor.1"},{"date":"20110629","time":"165703","tag":"thor.1"}],[{"date":"20110705","time":"172552","tag":"appcel.3"},{"date":"20110705","time":"190208","tag":"appcel.3"},{"date":"20110706","time":"175351","tag":"appcel.3"},{"date":"20110706","time":"203257","tag":"appcel.3"},{"date":"20110706","time":"204410","tag":"appcel.3"},{"date":"20110706","time":"215354","tag":"appcel.3"}],[{"date":"20110711","time":"143203","tag":"4"},{"date":"20110712","time":"202720","tag":"4"}],[{"date":"20110715","time":"144728","tag":"5"},{"date":"20110719","time":"153326","tag":"5"},{"date":"20110719","time":"203817","tag":"5"},{"date":"20110720","time":"224228","tag":"5"}],[{"date":"20110722","time":"183136","tag":"6"},{"date":"20110722","time":"201221","tag":"6"},{"date":"20110722","time":"212420","tag":"6"}],[{"date":"20110729","time":"163210","tag":"7"}],[{"date":"20110805","time":"193849","tag":"8"},{"date":"20110805","time":"195046","tag":"8"},{"date":"20110806","time":"062315","tag":"8"}],[{"date":"20110812","time":"145308","tag":"9"}],[{"date":"20110819","time":"192444","tag":"10"},{"date":"20110819","time":"203940","tag":"10"}],[{"date":"20110826","time":"161117","tag":"11"},{"date":"20110826","time":"173230","tag":"11"}],[{"date":"20110902","time":"184915","tag":"12"}],[{"date":"20110909","time":"192211","tag":"13"},{"date":"20110914","time":"142948","tag":"13"}],[{"date":"20110916","time":"192517","tag":"14"},{"date":"20110918","time":"203555","tag":"14"},{"date":"20110918","time":"235326","tag":"14"},{"date":"20110920","time":"172907","tag":"14"},{"date":"20110923","time":"175507","tag":"14"}],[{"date":"20110930","time":"201401","tag":"15"},{"date":"20111002","time":"164316","tag":"15"},{"date":"20111003","time":"134135","tag":"15"}],[{"date":"20111007","time":"191303","tag":"16"},{"date":"20111010","time":"180623","tag":"16"},{"date":"20111010","time":"202333","tag":"16"},{"date":"20111011","time":"031106","tag":"16"}],[{"date":"20111017","time":"193537","tag":"17"}],[{"date":"20111021","time":"180056","tag":"18"}],[{"date":"20111028","time":"202120","tag":"19"},{"date":"20111028","time":"210550","tag":"19"},{"date":"20111028","time":"222756","tag":"19"}],[{"date":"20111104","time":"145841","tag":"20"},{"date":"20111104","time":"180822","tag":"20"},{"date":"20111107","time":"164714","tag":"20"},{"date":"20111108","time":"203048","tag":"20"}],[{"date":"20111111","time":"145749","tag":"21"},{"date":"20111114","time":"155429","tag":"21"}],[{"date":"20111118","time":"171058","tag":"22"},{"date":"20111118","time":"183148","tag":"22"},{"date":"20111118","time":"195307","tag":"22"}],[{"date":"20111123","time":"004729","tag":"23"},{"date":"20111130","time":"181251","tag":"23"}],[{"date":"20111202","time":"162850","tag":"24"}],[{"date":"20111212","time":"151305","tag":"25"}],[{"date":"20111220","time":"140303","tag":"26"},{"date":"20111220","time":"160825","tag":"26"}],[{"date":"20120113","time":"163445","tag":"27"},{"date":"20120118","time":"235800","tag":"27"}],[{"date":"20120120","time":"200429","tag":"28"},{"date":"20120123","time":"191812","tag":"28"},{"date":"20120123","time":"201722","tag":"28"},{"date":"20120123","time":"220840","tag":"28"}],[{"date":"20120130","time":"155509","tag":"29"},{"date":"20120131","time":"170843","tag":"29"}],[{"date":"20120206","time":"172513","tag":"30"},{"date":"20120208","time":"171721","tag":"30"}],[{"date":"20120214","time":"005207","tag":"31"}],[{"date":"20120217","time":"172017","tag":"32"},{"date":"20120217","time":"185000","tag":"32"}],[{"date":"20120224","time":"202743","tag":"33"}],[{"date":"20120302","time":"175250","tag":"34"}],[{"date":"20120312","time":"184547","tag":"35"}],[{"date":"20120316","time":"185335","tag":"36"}],[{"date":"20120323","time":"180746","tag":"37"}],[{"date":"20120328","time":"205558","tag":"38"},{"date":"20120402","time":"181437","tag":"38"}],[{"date":"20120406","time":"191240","tag":"39"},{"date":"20120410","time":"212800","tag":"39"},{"date":"20120411","time":"011432","tag":"39"}],[{"date":"20120413","time":"192156","tag":"40"},{"date":"20120413","time":"194354","tag":"40"},{"date":"20120417","time":"020234","tag":"40"},{"date":"20120417","time":"025305","tag":"40"}],[{"date":"20120420","time":"194813","tag":"41"}],[{"date":"20120427","time":"203909","tag":"42"},{"date":"20120501","time":"140514","tag":"42"}],[{"date":"20120504","time":"214423","tag":"43"}],[{"date":"20120511","time":"184322","tag":"44"}],[{"date":"20120518","time":"185953","tag":"45"}],[{"date":"20120525","time":"181218","tag":"46"}],[{"date":"20120605","time":"164653","tag":"47"}],[{"date":"20120608","time":"200232","tag":"48"},{"date":"20120609","time":"010325","tag":"48"}],[{"date":"20120618","time":"163758","tag":"49"}],[{"date":"20120622","time":"173051","tag":"50"}],[{"date":"20120629","time":"213214","tag":"51"},{"date":"20120703","time":"132919","tag":"51"},{"date":"20120703","time":"200840","tag":"51"}],[{"date":"20120710","time":"001115","tag":"52"}],[{"date":"20120713","time":"220926","tag":"53"}],[{"date":"20120720","time":"181538","tag":"54"},{"date":"20120720","time":"184714","tag":"54"}],[{"date":"20120727","time":"175344","tag":"55"}],[{"date":"20120803","time":"192453","tag":"56"},{"date":"20120807","time":"145204","tag":"56"}],[{"date":"20120810","time":"195721","tag":"57"}],[{"date":"20120818","time":"050907","tag":"58"},{"date":"20120819","time":"185323","tag":"58"}],[{"date":"20120825","time":"011452","tag":"59"},{"date":"20120825","time":"024920","tag":"59"}],[{"date":"20120901","time":"024808","tag":"60"}],[{"date":"20120908","time":"022941","tag":"61"},{"date":"20120911","time":"032927","tag":"61"},{"date":"20120911","time":"045236","tag":"61"},{"date":"20120911","time":"230934","tag":"61"},{"date":"20120912","time":"172359","tag":"61"}],[{"date":"20120918","time":"230020","tag":"62"},{"date":"20120919","time":"144759","tag":"62"}],[{"date":"20120922","time":"193008","tag":"63"},{"date":"20120923","time":"230738","tag":"63"},{"date":"20120924","time":"223828","tag":"63"},{"date":"20120925","time":"144215","tag":"63"}],[{"date":"20120929","time":"014211","tag":"64"},{"date":"20121001","time":"191840","tag":"64"},{"date":"20121002","time":"115359","tag":"64"}],[{"date":"20101114","time":"212600","tag":"0.1"}],[{"date":"20101202","time":"172654","tag":"0.2"},{"date":"20101203","time":"215710","tag":"0.2"}],[{"date":"20101229","time":"143629","tag":"0.3"}],[{"date":"20110108","time":"110036","tag":"0.4"}],[{"date":"20110114","time":"103255","tag":"0.5"}],[{"date":"20110311","time":"000001","tag":"0.6"},{"date":"20110119","time":"104235","tag":"0.6"},{"date":"20110208","time":"102256","tag":"0.6"}],[{"date":"20110214","time":"171240","tag":"0.7"},{"date":"20110222","time":"114353","tag":"0.7"}]]} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment