wernher von braun

_.md

[ Launch: wernher von braun ] 4948959 by enjalot
[ Launch: zeffii default inlet ] 4753875 by zeffii
[ Launch Inlet ]
Gist #4485126 [ Launch Inlet ]
Gist #4470504 [ Launch Inlet ]
Gist #4469595 [ Launch Inlet ]
Gist #4466941 [ Launch Inlet ]
Gist #4461697 [ Launch Inlet ]
Gist #4461508 [ Launch Inlet ]
Gist #4458395 [ Launch Inlet ]
Gist #4452401 [ Launch Inlet ]
Gist #4452384
Gist #4452367
Gist #4450163 An inlet to tributary

config.json

{"description":"wernher von braun ","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},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"periodictabledump3.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"helpers.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"wvb.tsv":{"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,"tab":"edit","display_percent":0.43346738058538115,"hidepanel":false,"thumbnail":"http://i.imgur.com/nINWXO8.png"}

inlet.js

// wvb.tsv is generated by discretizing a 60*60 px
// image with a small Octave routine 
// https://gist.github.com/zeffii/4753895
//refactoring this: http://tributary.io/inlet/4753875
d3.select("body").style("background-color", "#000000");

var svg = d3.select("svg");
var tsv = tributary.wvb;
var px_group = svg.append("g").classed("all_px", true);

function updater(){
  var num_rows = tsv.length;

  var rd = 10,  // row distance < - 10
      cd = 10,  // column distance <- 10
      pd = 10;  // pixel dimensions  <- 10..18 interesting effect

  
  var rows = px_group.selectAll("g.row")
  .data(tsv)
  .enter()
  .append("g").classed("row", true)
  .attr("transform", function(d,i) {
    return "translate(" + [0, i * rd] + ")"
  });
  
  rows.selectAll("rect.pix")
  .data(function(d) { return _.values(d) })
  .enter()
  .append("rect").classed("pix", true)
  .attr({
    x: function(d,i) { return i * cd },
    y: 0,
    width: pd,
    height: pd
  }).style({
    "fill": "#ffffff",
    "fill-opacity": function(d) { return +d/254 },
    "stroke": "none"
  })

  /*
  for (i in d3.range(0, end_val_x)){
    var pxx = parseInt(i);

    for (n in d3.range(0, end_val_y)){
      var pxy = parseInt(n);
      var cval = parseInt(tsv[pxy][pxx+1])/254;

      px_group.append("rect")
      .attr({ "x": pxx*cd,
              "y": pxy*rd,
              "width": pd +"px",
              "height": pd +"px"
      })
      .style({"fill": "#ffffff",
              "fill-opacity": cval,
              "stroke": "none"
      })
    }
    
  }*/
};

updater();

style.css

/*
http://lesscss.org/ Pragmatic Theme by Dealga McArdle
After original "Dark Theme" ported to CodeMirror by Peter Kroon
*/

.cm-s-lesser-dark {
  font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important;
  line-height: 1.26em;
 }

.cm-s-lesser-dark.CodeMirror { background: #1e2426; color: #EEEEEE;  }
.cm-s-lesser-dark div.CodeMirror-selected {background: #064968 !important;} /* 33322B*/
.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
.cm-s-lesser-dark pre { padding: 0 8px; line-height: 1.3em; }/*editable code holder*/

div.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/

.cm-s-lesser-dark .CodeMirror-gutters { background: #262626; border-right:1px solid #aaa; }
.cm-s-lesser-dark .CodeMirror-linenumber { color: #777; }

.cm-s-lesser-dark span.cm-keyword { color: DeepSkyBLue; }
.cm-s-lesser-dark span.cm-atom { color: #8CEEF7; font-weight: bold}
.cm-s-lesser-dark span.cm-number { color: Chartreuse; background: #000000;}
.cm-s-lesser-dark span.cm-def {color: #C4D8E6;}
.cm-s-lesser-dark span.cm-variable { color:#AAA; }
.cm-s-lesser-dark span.cm-variable-2 { color: #9DCFD8; }
.cm-s-lesser-dark span.cm-variable-3 { color: white; }
.cm-s-lesser-dark span.cm-property {color: #FFB78F;}
.cm-s-lesser-dark span.cm-operator {color: #92A75C;}
.cm-s-lesser-dark span.cm-comment { color: #b2b2b2; background: #000000;}
.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-meta { color: #738C73; }
.cm-s-lesser-dark span.cm-error { color: #9d1e15; }
.cm-s-lesser-dark span.cm-qualifier {color: #000555; }
.cm-s-lesser-dark span.cm-builtin { color: #ff9e59; }
.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
.cm-s-lesser-dark span.cm-tag { color: #669199; }
.cm-s-lesser-dark span.cm-attribute {color: #00c;}
.cm-s-lesser-dark span.cm-header {color: #a0a;}
.cm-s-lesser-dark span.cm-quote {color: #090;}
.cm-s-lesser-dark span.cm-hr {color: #999;}
.cm-s-lesser-dark span.cm-link {color: #00c;}

#panel #config {overflow-x: hidden;}
#panel {width: 28em}

.CodeMirror-hscrollbar {
  bottom: 34px;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

wvb.tsv