Face Subdivision

_.md

[ Launch: Face Subdivision ] 56d59f7882de7a3324e0 by espinielli

config.json

{"description":"Face Subdivision","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"d3.js":{"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":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/0t85yEa.png"}

inlet.js

var svg = d3.select("svg");

var tri = [
  [190, 10],
  [270, 190],
  [90, 190]
];


var line = d3.svg.line()
    .interpolate("linear")
	.x(function(d) { return d[0]; })
    .y(function(d) { return d[1]; });

var face = svg.append("g");
face.selectAll(".dot")
	.data(tri)
	.enter()
		.append("circle")
		.attr("class", "dot")
		.attr("cx", function(d) { return d[0];})
		.attr("cy", function(d) { return d[1];})
		.attr("r", 2.5)
		.style("fill", "black");

var triangle = svg.append("g");
triangle
	.data([tri])
	.append("polygon")
.attr("points", function(d){ return d.map(
  function(c){ return [c[0], c[1]].join(",");}).join(" ");})
	.attr("class", "triangle")
		.attr("stroke-width", 2)
		.attr("stroke", "blue")
		.attr("fill", "none");