Skip to content

Instantly share code, notes, and snippets.

@gelicia
Created December 19, 2013 04:08
Show Gist options
  • Select an option

  • Save gelicia/8034293 to your computer and use it in GitHub Desktop.

Select an option

Save gelicia/8034293 to your computer and use it in GitHub Desktop.
Helping Dave - orig
x1 y1 r1 x2 y2 r2 x3 y3 r3 x4 y4 r4 x5 y5 r5
1.5 0.5 1.58113883 1.5 1.5 1.58113883 2.166666667 2.833333333 2.173067468 0.5 0.5 3.535533906 2.5 2.5 1.58113883
1.5 0.5 1.58113883 2 2.5 2.5 1.5 2.5 1.58113883 2.5 1.5 2.121320344 3.166666667 2.833333333 1.178511302
1.5 0.5 1.58113883 2 2.5 2.5 1.5 2.5 1.58113883 2.5 1.166666667 1.900292375 2.5 2.5 1.58113883
1.5 0.5 1.58113883 1.5 2.5 1.58113883 1.666666667 2.333333333 2.357022604 2.5 1.5 2.121320344 3.5 2.5 1.58113883
1.5 0.5 1.58113883 1.5 2.5 1.58113883 1.5 1.5 2.915475947 2.166666667 1.5 1.900292375 4 1.5 2.5
1.5 0.5 1.58113883 1.5 2.5 1.58113883 1.5 1.5 2.915475947 3.166666667 1.5 2.635231383 2.5 1.5 1.58113883
1.5 0.5 1.58113883 2.5 2 2.5 1.833333333 3.5 1.900292375 2.5 1.5 1.58113883 2.5 2.5 1.58113883
3.5 0.5 3.535533906 2.5 2.5 2.915475947 1.5 2.5 1.58113883 2.5 1.5 1.58113883 3.166666667 2.166666667 1.178511302
3.5 0.5 3.535533906 1.5 2.5 1.58113883 -0.166666667 1.833333333 2.173067468 2.5 1.5 1.58113883 4.5 1.5 1.58113883
2 1 2.236067977 1 2 2.236067977 2 2 2.236067977 1.5 1.5 0.707106781 3.166666667 3.166666667 1.178511302
2 1.5 2.5 1.5 1.5 1.58113883 2 3.166666667 2.166666667 2.5 1.5 1.58113883 2 3.25 1.25
2 1.5 2.5 1.5 1.5 1.58113883 2 4 2 2.5 1.5 1.58113883 2 2.666666667 1.666666667
2 2 2.828427125 1.5 1.5 1.58113883 1.5 2.5 1.58113883 2.5 1.5 1.58113883 2.833333333 2.833333333 1.178511302
{"description":"Helping Dave - orig","endpoint":"","display":"div","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"circle-covers.csv":{"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},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/ax1KVPK.png"}
var dataset = []
var bind_data = function(data) {
var display = d3.select("#display");
var circle;
for (var i=0; i < data.length; i++) {
svg = display.append("svg");
svg.attr("height", 250);
svg.attr("width", 300);
for (var j=1; j <= 5; j++) {
circle = svg.append("circle");
circle.attr("cx", 100 + 25*data[i]["x"+j])
.attr("cy", 90 + 25*data[i]["y"+j])
.attr("r", 25*data[i]["r"+j])
.style("fill", "none")
.style("stroke", "teal");
};
for (var j=1; j <= 5; j++) {
for (var k=1; k <= 5; k++) {
circle = svg.append("circle");
circle.attr("cx", 75 + 25*j)
.attr("cy", 65 + 25*k)
.attr("r", 3)
.style("fill", "red");
};
};
};
};
var data = tributary["circle-covers"];
bind_data(data);
svg {
padding: 0;
margin: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment