Skip to content

Instantly share code, notes, and snippets.

@mbecica

mbecica/index.html

Created October 5, 2012 09:38
Show Gist options
  • Save mbecica/3838958 to your computer and use it in GitHub Desktop.
Save mbecica/3838958 to your computer and use it in GitHub Desktop.
Download ZIP
AppDirect release history
Raw
index.html
<!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>
Raw
rel.json
{"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