DAG wjson wstyle winfo

_.md

[ Launch: DAG wjson wstyle ] 93e8b865277803a2a40d by zeffii
[ Launch: DAG Execution viz mono3 wjson ] bab5d09bfeee093e8dd1 by zeffii
[ Launch: DAG Execution viz mono3 ] 3dafb28b66089d31ee89 by zeffii
[ Launch: DAG Execution viz mono ] 3827e4715d05281a12d5 by zeffii
[ Launch: DirectedAcyclicGraph Execution viz mono ] 99f8c1106b72653aa18d by zeffii
[ Launch: DirectedAcyclicGraph Execution viz ] ca1867cd09d88b68db1a by zeffii
[ Launch: fundamental and harmonics IMG2 ] 031730d923702adfad71 by zeffii
[ Launch: fundamental and harmonics IMG1 ] 5112280 by zeffii
[ Launch: fundamental and harmonics ] 5112252 by zeffii
[ Launch: zeffii default ] 5100062 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"DAG wjson wstyle winfo","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"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},"terrible.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"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,"thumbnail":"http://i.imgur.com/p3y5SkG.png","ajax-caching":false}

inlet.js

/* yikes, i'm rusty */

var data = [];

function getArray(obj) {
  for(var prop in obj) {
    if(obj.hasOwnProperty(prop)){
      data.push(obj[prop]);
    }
  }
}

function translate(a, b) { 
  return "translate(" + [a, b] + ")" 
}

d3.select("body").style("background-color", d3.rgb(240,240,240))

var svg = d3.select("svg")
  .attr({height: 494, width: 964})
  .style({border: "1px solid #d6d6d6"});

var rawdata = tributary.terrible.items;
var barheight = 15;
var tx = 130;

//
var group2 = svg.append("g")
  .attr({transform: function(d){ return translate(tx, -32) } })

var group3 = svg.append("g")
  .attr({transform: function(d){ return translate(tx, -11) } })

var group1 = svg.append("g")
  .attr({transform: function(d){ return translate(tx, 77) } })

var name_group = svg.append("g")
  .attr({transform: function(d){ return translate(tx- 10, 77) } })

// or some other counting scheme
getArray(rawdata);

var num_keys = data.length;
var totals = 0;
for (var i=0; i<num_keys; i+=1){
  totals += (data[i].duration * 1000);
}

// 
var margin = {top: 16, right: 6, bottom: 30, left: 103},
   width = 900 - margin.left - margin.right,
   height = 119 - margin.top - margin.bottom;

var scalar = width/totals;

var x = d3.scale.linear()
  .domain([0, totals])
  .range([0, width]);

var x2 = d3.scale.linear()
  .domain([0, totals])
  .range([0, width]);


var xAxis = d3.svg.axis()
  .scale(x)
  .orient("bottom");

var xAxis2 = d3.svg.axis()
  .scale(x2)
  .tickSize(350)

group2.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(" + [0, height] + ")")
  .call(xAxis)
  .append("text")
  .attr("y", -20)
  .attr("x", width/2 )
  .attr("dy", ".71em")
  .style("text-anchor", "end")
  .text("Time (ms)");


// margin.top + (num_keys*barheight)
group3.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(" + [0, height] + ")")
  .call(xAxis2)
  .attr("id", "chunk")

//
var interims = data[0].start
var rect_groups = group1.selectAll("g").data(data);
var rect = rect_groups.enter()
  .append("g")
  .attr({transform: function(d,i){
    var x = (d.start - interims) * scalar * 1000;
    var y = barheight*i;
    return "translate(" + [x, y] + ")"; } })

rect.append("rect")
  .attr({
    height: barheight, 
    width: function(d){ return d.duration * scalar * 1000 } })
  .style({fill: "#9ef"})

// rect faux drop shadow
rect.append('path')
  .attr({d: function(d,i){
    var xlen = (d.duration * scalar * 1000);
    var ybass = -barheight;
    return "M" + [0, 0, 0, -ybass, xlen, -ybass] }})
  .style({stroke: "#000000", fill: 'none', 'stroke-width': 0.2})

rect.append("text")
  .text(function(d,i){ 
    var rounded = d3.round(d.duration * 1000, 4)
    return rounded })
  .attr({transform: translate(4,11) })
  .style({fill: "#434"})

var node_names = name_group.selectAll("g").data(data);
var node = node_names.enter().append("g")
  .attr({transform: function(d,i){
    var y = barheight*i;
    return translate(0, y+11); } })

node.append("text")
.text(function(d,i){
   return d.name 
})
.attr({'text-anchor': 'end'})



/* EOF  */

style.css

.cm-s-lesser-dark.CodeMirror { background: #1e2426; color: #696969;  }
.cm-s-lesser-dark div.CodeMirror-selected {background: #064968 !important;} /* 33322B*/
.cm-s-lesser-dark span.cm-variable { color:#22EFFF; }
.cm-s-lesser-dark span.cm-variable-2 { color: #FFCCB4; }
.cm-s-lesser-dark span.cm-variable-3 { color: white; }
.cm-s-lesser-dark span.cm-string { color: Chartreuse; }
.cm-s-lesser-dark span.cm-string-2 {color: Chartreuse;}
.cm-s-lesser-dark span.cm-def {color: #FFCCB4; opacity: 1.0}
.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
.cm-s-lesser-dark pre { color:#FFF; }
.cm-s-lesser-dark span.cm-comment { color: #AFB4B4;}
.cm-s-lesser-dark span.cm-property {color: #FDA676;}
.cm-s-lesser-dark span.cm-number { color: #FF92EE;}
.cm-s-lesser-dark span.cm-keyword { color: #FFFF18; }
.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }

#title header {
  height: 52px !important;
}

body {
  font: 11px sans-serif;
}

#panel {
  width: 493px; 
}

#panel #files {
  height: 3.6em; 
}

#panel #file-list {
  font-size: 1.1em;
  color: #aaa;
  opacity: .98;
}

#file-list li {
  background-image: none !important;
  color: #fff;
  font-weight: thin;
  letter-spacing: .2em;
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.x.axis path {
  display: none;
}

#chunk line {
  fill: none;
  stroke: #bad2d3;
  shape-rendering: crispEdges;
}

terrible.json

{
  "items": {
    "0": {
      "bl_idname": "IntegerNode",
      "duration": 4.595556129061151e-05,
      "name": "Integer",
      "start": 1225.1706077169026
    },
    "1": {
      "bl_idname": "IntegerNode",
      "duration": 2.5422225462534698e-05,
      "name": "Integer.001",
      "start": 1225.170662961354
    },
    "2": {
      "bl_idname": "ScalarMathNode",
      "duration": 0.0001476444631407503,
      "name": "function",
      "start": 1225.1706943899294
    },
    "3": {
      "bl_idname": "GenListRangeIntNode",
      "duration": 0.00011747303074116644,
      "name": "List Range Int",
      "start": 1225.1708482502665
    },
    "4": {
      "bl_idname": "ScalarMathNode",
      "duration": 0.00018228573753731325,
      "name": "function.001",
      "start": 1225.170971659806
    },
    "5": {
      "bl_idname": "IntegerNode",
      "duration": 2.6260320737492293e-05,
      "name": "Integer.002",
      "start": 1225.1711609995125
    },
    "6": {
      "bl_idname": "ScalarMathNode",
      "duration": 0.00012780954011759604,
      "name": "function.003",
      "start": 1225.171193685231
    },
    "7": {
      "bl_idname": "GenListRangeIntNode",
      "duration": 6.69079449835408e-05,
      "name": "List Range Int.001",
      "start": 1225.1713280598512
    },
    "8": {
      "bl_idname": "ShiftNode",
      "duration": 0.00015022859042801429,
      "name": "List Shift.002",
      "start": 1225.1714025106544
    },
    "9": {
      "bl_idname": "ScalarMathNode",
      "duration": 0.00019380954859116173,
      "name": "function.002",
      "start": 1225.1715597932139
    },
    "10": {
      "bl_idname": "GenVectorsNode",
      "duration": 0.00016426668753410922,
      "name": "Vectors in",
      "start": 1225.1717598884775
    },
    "11": {
      "bl_idname": "ShiftNode",
      "duration": 9.051429719875159e-05,
      "name": "List Shift.003",
      "start": 1225.1719315583405
    },
    "12": {
      "bl_idname": "ShiftNode",
      "duration": 0.00013367620749704656,
      "name": "List Shift.001",
      "start": 1225.1720290567655
    },
    "13": {
      "bl_idname": "ShiftNode",
      "duration": 8.576509026170243e-05,
      "name": "List Shift",
      "start": 1225.172169507577
    },
    "14": {
      "bl_idname": "ZipNode",
      "duration": 0.0005208064153521264,
      "name": "List Zip",
      "start": 1225.172262186954
    },
    "15": {
      "bl_idname": "ViewerNode2",
      "duration": 0.0002841143218574871,
      "name": "Viewer Draw2",
      "start": 1225.1727886505128
    },
    "16": {
      "bl_idname": "IndexViewerNode",
      "duration": 0.00018312383258489717,
      "name": "Index Viewer Draw",
      "start": 1225.173079120391
    },
    "17": {
      "bl_idname": "SvStethoscopeNode",
      "duration": 0.001793593878574029,
      "name": "Sv Stethoscope Node",
      "start": 1225.1732704156534
    }
  }
}