Tributary inlet

_.md

[ Launch: Tributary inlet ] 10005593 by nim23

config.json

{"description":"Tributary inlet","endpoint":"","display":"div","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"inlet.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,"ajax-caching":true}

inlet.css

.box {
    width: 200px;
    height: 200px;
    margin: 40px;
    float: left;
    text-align: center;
    border: #969696 solid thin;
    padding: 5px;
}

#display{
	margin-top: 5em;
}

inlet.js

var display = d3.select("#display"),
    duration = 5000;

display.append('div')
		.classed('box', true)
		.style('background-color', '#e9967a')
	.transition()
    .duration(duration)
		.style('background-color', '#add8e6')
		.style('margin-left', '100px')
		.style('width', '100px')
		.style('height', '100px');