clam sknowflake

_.md

[ Launch: clam sknowflake ] 5543476 by enjalot
[ Launch: clam ] 5542498 by zeffii
[ Launch: zeffii default ] 5542394 by zeffii
[ Launch: zeffii default ] 5542203 by zeffii
[ Launch: zeffii default ] 5033869 by zeffii

config.json

{"description":"clam sknowflake","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}},"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/sJNwNs9.png"}

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(" + [421, 362] + ")scale(1.104)")

var num_slices = 200
var data = d3.range(num_slices);
var start_opacity_fill = 0.3;
var start_opacity_stroke = 0.5;

var rects = group1.selectAll("rect").data(data)

var sin_slices = 7.04 *  Math.PI / num_slices;

rects.enter().append("rect")
    .attr({x: 0, 
           y: 0, 
           height: function(d,i){ 
             var amp_val = 44* Math.sin(i*sin_slices*3);
             return 50 + amp_val*amp_val/6 }, 
           width: 2, rx: 5, ry:5})
    .style({
        "fill": d3.rgb(125,125,125), 
        "stroke": d3.rgb(225,125,125), 
        "stroke-opacity": start_opacity_stroke ,
        //"stroke-opacity": function(d, i){ 
        //      return start_opacity_stroke - (start_opacity_stroke/num_slices*i)},
       // "fill-opacity": function(d, i){ 
       //       return start_opacity_fill - (start_opacity_fill/num_slices*i)},
        "stroke-width": 2
    })
    .attr("transform", function(d, i){ 
          var translate = "translate(" + [d*0, 4] + ")"
          var rotate = "rotate(" + i*1*Math.PI + ")"
          return translate + rotate
    })
// helpers


// get_points(angle, cp, {}, amp)
function get_points(angle, amp){
    var pos = {}; 
	pos.x = Math.cos(angle) * amp
	pos.y = Math.sin(angle) * amp
	return pos
}


/* 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;}