bird

_.md

An inlet to tributary

config.json

{"description":"bird","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.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}},"tab":"edit","display_percent":0.6533408886905034,"play":true,"loop":true,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"hidepanel":false}

inlet.css

.tb {
    fill: #16A9E1;
  }

inlet.js

var settings = {};
settings.total = {
	width: 331.483,
	height: 331.483
};

settings.bird = {
  width: 65.66,
  height: 53.35
};

var svg = d3.select('svg')
	.attr('x', 0)
	.attr('y', 0)
	.attr('viewBox', '0 0 ' + settings.total.width + ' ' + settings.total.height)
	.attr('width', settings.total.width * 2)
	.attr('height', settings.total.height * 2)
	.attr('style', 'outline: 1px solid black;')


var defs = svg.append('defs');


// innermost to outermost:
// bird
var bird = defs.append('path')
	.attr('d', 'M196.24,143.038c-2.415,1.072-5.012,1.795-7.736,2.121c2.781-1.667,4.918-4.308,5.923-7.453c-2.603,1.544-5.486,2.665-8.555,3.268c-2.456-2.617-5.957-4.253-9.832-4.253c-7.439,0-13.471,6.031-13.471,13.47c0,1.056,0.12,2.084,0.349,3.071c-11.195-0.562-21.121-5.925-27.765-14.075c-1.16,1.99-1.824,4.303-1.824,6.772c0,4.673,2.378,8.796,5.993,11.212c-2.208-0.071-4.286-0.676-6.101-1.686c-0.001,0.056-0.001,0.113-0.001,0.17c0,6.526,4.644,11.97,10.806,13.208c-1.13,0.309-2.32,0.472-3.549,0.472c-0.869,0-1.712-0.083-2.535-0.241c1.714,5.352,6.689,9.247,12.583,9.356c-4.61,3.612-10.418,5.766-16.729,5.766c-1.088,0-2.16-0.063-3.214-0.188c5.962,3.822,13.042,6.052,20.65,6.052c24.777,0,38.327-20.526,38.327-38.328c0-0.583-0.014-1.165-0.041-1.743C192.151,148.112,194.435,145.74,196.24,143.038')
	.attr('id', 'bird')
	.attr('class', 'tb')

// retweet
// gear
// me
// birdhouse
// at
// birdhouse (upside down)
// location
// hashtag
// retweet
// bullhorn
// promoted

svg.append('use')
	.attr('xlink:href', '#bird')
	.attr('width', settings.bird.width)
	.attr('height', settings.bird.height)
	// center
	.attr('style', 'outline: 1px solid black;');