worktimer

_.md

[ Launch: worktimer ] 2b4190cc3563dee08644 by bjorngi
[ Launch: fml ] d39abdd844c0daec1774 by bjorngi
[ Launch: test ] 4653053 by enjalot
[ Launch: test ] 4652017 by enjalot
[ Launch: test ] 4582399 by enjalot

config.json

{"description":"worktimer","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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},"feber.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"timer.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"tab":"edit","display_percent":0.7,"thumbnail":"http://i.imgur.com/Z4ghHZY.png","fullscreen":false,"ajax-caching":true}

inlet.js

var data = tributary.timer;
var timeFormat = d3.time.format('%H:%M:%S');

var margin = {top: 20, right: 80, bottom: 100, left: 40},
    w = 880 - margin.left - margin.right,
    h = 500 - margin.top - margin.bottom;

var svg = d3.select("svg")
    .attr("width", w + margin.left + margin.right)
    .attr("height", h + margin.top + margin.bottom)
    .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");



summedHours = d3.nest()
.key(function(d) { return d.User; })
.rollup(function(d) { 
  return d3.sum(d, function(g) {
    var formatedTime = timeFormat.parse(g.Duration);
    var minutes = ((formatedTime.getHours() * 60) + formatedTime.getMinutes())
    return minutes;
  })
})
.entries(data)

summedHours = summedHours.map(function(d) {
  var hours = Math.floor(d.values / 60);
  var minutes = d.values % 60;
  return {
    'user': d.key,
    'hours': hours,
    'minutes': minutes,
    'totalMinutes': d.values
  } 
});

console.log(summedHours);

style.css

body {
  font: 10px sans-serif;
} 
 
.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
 
.x.axis path {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
 

.line path {
  fill: none;
  stroke: black;
  stroke-width: 3px;
}

.bg {
  opacity: 0.1;
}

.fml {
  fill: red;
}

.ok {
  fill: yellow;
}

.yeah {
  fill: green;
}

timer.csv