(0....50) & (0...22)

_.md

[ Launch: (0....50) & (0...22) ] 9462865 by zeffii
[ Launch: (0....50) & (0...22) ] 5575527 by zeffii
[ Launch: (0....50) ^ (0...10) ] 5563677 by zeffii
[ Launch: (0....50) | (0...10) ] 5563668 by zeffii
[ Launch: zeffii default ] 5563423 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"(0....50) & (0...22)","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},"data2.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"util.js":{"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,"ajax-caching":true}

inlet.js

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

var svg = d3.select("svg");
var defs = svg.append("defs");
var group1 = svg.append("g").classed("group1", true);

group1.attr("transform", "translate(" + [59, 10] + ")")

var r_width = 10;

for (var j = 0; j < 23; j+= 1 ){
  var gb = group1.append("g").attr("transform", "translate(" + [0,36*j] + ")")
  for( var k = 0; k < 51; k +=1 ){
    
    gb.append("rect")
    .style("fill", "#ffffff")
    .attr({width: r_width, 
           height: k & j,
           transform: "translate(" + [k * r_width * 1.4, 0] + ")"  })
    
  }
  gb.append("text")
  .text("& ")
  .style({fill: "#C42E2E", "font-size": 26})
  .attr("transform", "translate(" + [732, 30] + ")")
  .append("tspan").text(" "+ j).style({fill: "#DBBDBD", "font-size": 12})
}






/* 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; }
.cm-s-lesser-dark .CodeMirror-gutters {background: #505050;}
.cm-s-lesser-dark .CodeMirror-linenumber {color: #D3D3D3;}