Tributary inlet

_.md

[ Launch: Tributary inlet ] 5f69b962394b2276092e by seliopou

config.json

{"description":"Tributary inlet","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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.js

var edge = d3.select('svg')
  .append('g')
  .attr('transform', 'translate(20, 20)');

edge.append('rect')
  .style('fill', 'lightgrey')
  .attr('width', 60)
  .attr('height', 60)
  .attr('rx', 2)
  .attr('ry', 2)

edge.append('text')
  .attr('x', 9)
  .attr('y', 36)
  .text('Edge')

var sg = d3.select('svg')
  .append('g')
  .attr('transform', 'translate(100, 20)');

sg.append('rect')
  .style('fill', 'lightgrey')
  .attr('width', 60)
  .attr('height', 60)
  .attr('rx', 2)
  .attr('ry', 2)

sg.append('text')
  .attr('x', 19)
  .attr('y', 36)
  .text('Sg')

var sg = d3.select('svg')
  .append('g')
  .attr('transform', 'translate(180, 20)');

sg.append('circle')
  .style('fill', 'lightgrey')
  .attr('r', 30)
  .attr('cx', 30)
  .attr('cy', 30)

sg.append('text')
  .attr('x', 19)
  .attr('y', 36)
  .text('Sg')