Skip to content

Instantly share code, notes, and snippets.

@giles-cholmondley-durston
Created May 2, 2013 11:48
Show Gist options
  • Save giles-cholmondley-durston/5501703 to your computer and use it in GitHub Desktop.
Save giles-cholmondley-durston/5501703 to your computer and use it in GitHub Desktop.
#254 Dawn
{"description":"#254 Dawn","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}},"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/cIhjpLA.png"}
d3.select("body").style("background-color", d3.rgb(56,25,25))
var svg = d3.select("svg");
var defs = svg.append("defs");
var group1 = svg.append("g").classed("group1", true);
group1.attr("transform", "translate(" + [ 184, 0] + ")")
var side = 518,
num_lines = 50;
// big blue
group1.append("rect")
.style("fill", "#538F44")
.style("stroke", "none")
.attr("height", side)
.attr("width", side)
var line_array = d3.range(118);
var path_group = group1.selectAll("path").data(line_array).enter()
function diagonal(i){
var step = side/2.32/num_lines;
var x = step * i;
var y = step * i;
return {x:x, y:y}
}
path_group.append("path")
.attr("d", function(d,i){
var _i = i + 1;
if (_i <= num_lines){
var tlist = [(side/num_lines)*_i, side];
}
if (i >= num_lines) {
var tlist = [(side/num_lines)*(i-num_lines), 0];
}
var pos = diagonal(_i);
return "M"+ [pos.x, pos.y] + "," + tlist + "z"
})
.style("fill", "none")
.style("stroke", "#81C96F")
.style("stroke-width", 0.3 + "px")
.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: #2E180D; }
.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; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment