coffee_templatefux

_.md

[ Launch: coffee_templatefux ] 6853847 by zeffii
[ Launch: coffee_templatefux ] 6853097 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6399870 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6382272 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6382237 by zeffii
[ Launch: boomstick_motion_wcolor_coffee ] 6379220 by zeffii
[ Launch: boomstick_motion_wcolor ] 6376715 by zeffii
[ Launch: boomstick_motion2 ] 6365156 by zeffii
[ Launch: boomstick_motion ] 6364686 by zeffii
[ Launch: boomstick ] 6364584 by zeffii
[ Launch: zeffii default ] 6364028 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"coffee_templatefux","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},"injet.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"utils.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.ssv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.txt":{"default":true,"vim":false,"emacs":false,"fontSize":12},"details.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,"thumbnail":"http://i.imgur.com/rUN41qB.png"}

inlet.coffee

svg = d3.select("svg")
svg.append("rect").attr({width:"100%", height:"100%", fill: '#E2E2E2'})
  
style_one = 
  fill: '#C5C5C5', 
  stroke: '#686868'
  'stroke-width': 1

group1 = svg.append('g')
  .classed('group1', true)
  .attr
    transform: 'translate(' + [25, 65] + ')'

tb = "53AAk305OO6hTHE26OHAtOHAOTE06hTHEkEw60OOE5T161TsAhEkE3pEEO5hkTH6pTEEh96hrTEOhApTHE5OT5hk2shApTH956h2p5hyHOEwEhTH0692E5OTO6kEOHAAT1pA9THE0E1TEsEA1THEkE5THOHE5k52EE06hE1pA9THETpEETHpAr3HTHEOHAT1ApTs1EETArT"

dc = [[33, 'E'], [26, 'T'], [19, 'H'], [16, 'O'], 
      [16, 'A'], [13, 'h'], [12, '5'], [11, '6'], 
      [10, 'p'], [8, 'k'], [8, '1'], [6, '0'], 
      [5, '9'], [5, '2'], [4, 's'], [4, '3'], 
      [3, 'r'], [2, 'w'], [1, 'y'], [1, 't']]

pwidth = 20
psize = pwidth

known = "#FF0000"

mapper = 
  'E': {letter:'E', col:known},
  'T': {letter:'T', col:known},
  'H': {letter:'H', col:known},
  'O': {letter:'A', col:'#DDDFFF'},
  'A': {letter:'O', col:'#D7D8E0'},
  'h': {letter:'-', col:'#5EF3AB'},
  '5': {letter:'I', col:'#AADA44'},
  '6': {letter:'', col:'#E0931F'},
  'p': {letter:'D', col:'#F811D3'},
  'k': {letter:'F', col:'#3DFF00'},
  '1': {letter:'J', col:'#FFA3AE'},
  '0': {letter:'M', col:'#CCFFFD'},
  '9': {letter:'N', col:'#75D2F7'},
  '2': {letter:'S', col:'#C5CAFF'},
  's': {letter:'Y', col:'#A9B3AD'},
  '3': {letter:'H', col:'#FFFFFF'},
  'r': {letter:'-', col:'#FFEFE6'},
  'w': {letter:'', col:'#E08243'},
  'y': {letter:'V', col:'#17E3F5'},
  't': {letter:'B', col:'#AAAAB1'} 

  
ar = group1.selectAll('g').data(tb)

fk = ar.enter()
.append('g')
.attr
  transform: (d,i) -> 
    x = psize * (i % pwidth)
    y = psize * Math.floor(i / pwidth)
    'translate(' + [x, y] + ')'

fk.append('circle')
.attr
  r: 10
  transform: 'translate(' + [7, -8] + ')'
.style 
  fill: (d,i) -> mapper[d].col


fk.append('text')
.text((d,i) -> mapper[d].letter)

style.css

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