Experience Equation 1

_.md

[ Launch: Tributary inlet ] 11471889 by zpydee

config.json

{"description":"Experience Equation 1","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.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/aJQZeD6.png"}

inlet.js

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

var leafCx = 400;
var leafCy = 195;

var leaf = svg.append('circle')
.attr({cx:leafCx,cy:leafCy,r:42, stroke:'blue','stroke-width':3,fill:'lime'})

var leafLabel = svg.append('text')
.text("Leaf Name")
.attr({'text-anchor':'middle','font-size':12,x:leafCx,y:leafCy + 6, fill:'black'})

var pillar1Cx = 300;
var pillar1Cy = 300;

var pillar1 = svg.append('circle')
.attr({cx:pillar1Cx,cy:pillar1Cy,r:40, stroke:'blue','stroke-width':3,fill:'yellow'})

var pillar2Cx = 500;
var pillar2Cy = 300;

var pillar2 = svg.append('circle')
.attr({cx:pillar2Cx,cy:pillar2Cy,r:40, stroke:'blue','stroke-width':3,fill:'yellow'})

var line1 = svg.append('path')
.attr({
  d:'M400,240H400V250,H300V260',stroke:'black',fill:'none'})

var line2 = svg.append('path')
.attr({
  d:'M400,240H400V250,H500V260',stroke:'black',fill:'none'})

var metric1 = svg.append('rect').attr({x:260,y:360,width:80,height:24,stroke:'red',fill:'white'})

var metric2 = svg.append('rect').attr({x:260,y:390,width:80,height:24,stroke:'red',fill:'white'})

var metric3 = svg.append('rect').attr({x:260,y:420,width:80,height:24,stroke:'red',fill:'white'})

var line3 = svg.append('path')
.attr({
  d:'M260,300H250V372,H260',stroke:'black',fill:'none'})

var line4 = svg.append('path')
.attr({
  d:'M260,300H250V402,H260',stroke:'black',fill:'none'})

var line5 = svg.append('path')
.attr({
  d:'M260,300H250V432,H260',stroke:'black',fill:'none'})

var metric4 = svg.append('rect').attr({x:460,y:360,width:80,height:24,stroke:'red',fill:'white'})

var metric5 = svg.append('rect').attr({x:460,y:390,width:80,height:24,stroke:'red',fill:'white'})

var line6 = svg.append('path')
.attr({
  d:'M460,300H450V372,H460',stroke:'black',fill:'none'})

var line6 = svg.append('path')
.attr({
  d:'M460,300H450V402,H460',stroke:'black',fill:'none'})