just another inlet to tributary

_.md

[ Launch Inlet ]
Gist #3896409 [ Launch Inlet ]

config.json

{"endpoint":"","display":"svg","public":true,"require":[],"tab":"edit","display_percent":0.7,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01}

inlet.js

var svg = d3.select("svg");
var path = 'M115.65334378845392,28.39943138361177L115.65358738507125,28.40374223092578L115.68666353853693,28.57487153634596L115.51871486456982,28.605951407369425L115.61810592513856,28.86425179862394L115.37778179709096,29.496510858702237L115.16516382019512,29.741955466620382L114.95177831090831,30.034943529661952L114.90405679697902,30.29735702229374L114.8883606806779,30.610103608898584L115.09761079154254,30.9932259579208L115.20208243448954,31.178297601732616L115.33813808864228,31.34429746522892L115.68622272445451,31.59822710561371L115.84956630842775,31.714828079804235L116.16905094690847,31.969920719890176L116.21401201923602,32.18430938038629L116.14990279060625,32.461456293668576L116.0592414266489,32.69240105905307L115.8738340029056,32.98516174640752L115.6327117344569,33.24619361344959L115.5398587087189,33.342539427064935L115.3114577400425,33.52009391876103L115.14181013806179,33.798595637777474L114.95626894054733,34.40383809509178L114.95488739468351,34.60387516939522L114.93926652970029,34.817739029202144L115.01428496794681,35.04859777960361L115.12064765328726,35.24736995405069L115.39263256059826,35.40241129472026L115.64985278861789,35.50147869556229L116.02822897736941,35.72408841826057L116.31789030185816,35.9078433297713L116.62096726781954,36.16024073738404L117.1421876371913,36.47777058738415L117.35558750378542,36.52148983758895L117.44247913755363,36.41599418245921L117.42066439558258,36.25616391047552L117.64395611045859,36.072557751743936L117.80379010482228,36.08002815568666L118.40870068485344,36.272440988893585L119.02081499051937,36.06230086740124L119.89296457050025,35.71074981652915L120.48835455705193,35.42011655288911L121.10502630912805,35.026422700396786L121.60754079279585,35.3197368948343L121.78607701649548,36.04280293652627L122.23642300368482,36.36998375076782L123.71200700958877,36.04155066349889L124.29789553777846,35.5209053994489L124.57920120690494,35.25677147702987L125.63668227864319,35.06722821832935L126.3797236951249,34.449308506350626L126.75010380874072,33.76025305122542L127.67734088430056,33.278332918025164L128.3278364031232,32.62934037848596L129.0946088204007,32.036540070430874L129.85896311608707,31.869038417868524L130.4787091584863,31.96811259448011L129.86291983011154,32.43994970864604L129.37793609411682,32.89237980510333L128.77408197189882,33.722667027826766L128.77147579686164,34.731508463511965L129.17730912191752,34.31437472407899L129.87122765945728,34.35990252894621L130.34927604082424,34.4095319401108L131.173710156814,34.89265452780148L131.86780442665307,35.778120721684225L131.91487072601836,35.711562866702174L133.16870883805734,35.73006211944251L134.23638334310232,35.67797521652088L134.9657580499713,35.21665757141405L136.1786089409701,34.59554311912398L137.31985844919996,34.49565537457282L138.12866685041087,34.04131237837825L138.98201791058145,33.83713041471053L138.85850358990456,34.50363591512705L139.205776879533,35.061716263615864L140.08314373464032,34.96104390204401L140.84519996747093,34.77755969052758L141.37001226754307,35.39183110581489L141.57523010542468,36.14946957576208L142.489700311883,36.59578376524302L141.93390133488228,36.924646289553486L140.69329375306503,36.89283702953288L139.87308903765214,37.558511550277665L139.32110547384647,37.159819229018275L138.09687032408632,36.93444524097399L137.50268419360228,37.298676736826174L136.7000374445426,37.670773375451596L135.61022823686267,37.913762256991824L134.81122439837912,38.415847524913936L134.540103887751,38.760348354338156L133.48968479249282,38.954885372506844L132.90035990803398,39.59350802480098L132.44946127035192,40.80377321896943L132.14299733988761,41.4880572211364L131.89799225138972,42.437837136562784L131.26908024938461,43.160906029937934L130.89675414382987,44.163312311993266L131.4175748343707,44.226631221997096L131.8517407672334,43.51998884767448L132.69750157412318,42.573333942528144L132.63436688756983,41.323342862182244L133.34873850880876,40.631232226942636L133.6862680339769,40.987635687731384L133.62666047465976,41.91335946821988L133.235756739688,42.91263815372952L132.75978872557943,44.04431381249656L132.6045709452131,45.73878674154163L132.1672663671897,47.020076488995464L132.60340065721516,48.15344066113396L132.3456316438096,49.68079837800292L132.1824788211162,51.44549781640549L132.50788310459347,52.24030499007175L132.56949654206574,53.82345290418232L133.16387379514774,55.376291093375094L134.11496459817062,56.96493340052044L135.69264437824614,56.5854958766137L136.61054755373334,55.662140553827115L137.25907031302955,53.989685744643566L137.4550601831505,52.26616066551425L137.16181804633902,50.44955010355072L136.61493536749782,49.45639731431988L136.09269953318153,48.38064368026789L135.98389850576143,47.79785360048765L135.80687788662786,47.27643897099442L135.8042147950241,46.23995031025423L136.14770199273056,45.57608553182367L136.43102475221804,44.518038277837725L136.37880912837764,43.69583891838329L136.73381024361595,42.52338418499689L137.10200141178646,42.018528674754855L137.8046940331462,41.2803471350635L138.10088727981025,40.86714798267437L138.3565237872457,41.864437657414975L138.33377867277255,42.54187832874094L138.48638371749243,41.741479972667904L138.69782192693617,41.04350165172903L138.94195814824133,40.230940860906664L139.61648601964114,39.95854727033992L139.3129462062606,39.34378820350902L139.3304265460988,38.81743682575566L139.63791126971682,38.29973011379738L140.77863461165916,37.8799890769838L141.56033752938941,38.34924004143285L142.55508999395914,38.94428791390985L143.55907878751245,39.16024913081877L144.61957804865142,39.58522010378894L144.90342270404437,40.55325457512786L145.26577516920563,41.6378807138869L145.33859202525247,42.50714227787798L145.0982413077431,43.93896449143912L144.6720223068268,45.00956213670875L144.01090439797767,45.68061839790582L144.57374676246943,46.87203836419195L145.5039916009365,46.056291437300104L145.72717143198224,45.44986199334965L146.30261396378648,45.01840502758135L146.92509644290527,44.57366815093249L147.71722148123223,45.12462719195869L148.1650893841881,46.15694606904846L148.60628820855104,47.50613154467786L149.1199864971782,48.795127610285746L149.14470854723672,49.47148585044402L149.19730756980658,50.574961815142856L148.82812353328669,50.55091668008271L148.26771007827995,50.84196396577866L148.17254977902448,51.76012728752093L147.5232673261947,52.61506369875462L147.32108128042597,53.834367794212625L146.87120646434963,54.57151986771351L147.72545318539372,55.28818223860942L148.834670869163,55.35683312114441L149.20532647568334,57.952290839490146L156.77347195135874,56.57421499246212L157.05997746900601,58.114330143483485L156.70719802227921,58.28268787628792L156.6341627329891,58.48414652487204L156.92678732496535,58.83739220456062L156.92317281331262,59.052934710647534L156.94294066326643,59.28653925453946L157.05578229042004,59.55217917518706L156.88384911803416,60.165932759095476L156.8261742377923,60.61974228445259L156.86952748509856,61.14899874767936L156.73967243680255,61.71000743431192L156.78545159894688,62.274668693994386L156.69752494062965,62.738382029558714L156.2904975616358,63.10761888382515L156.00624738427095,63.561557026144065L155.59742719311754,63.988062429143945L155.30223092039353,64.23723861780178L154.93564892068463,64.02454055560779L154.57842438732104,64.6594295636948L154.30656620105395,64.8542027665369L154.20043962082977,65.10503025574953L154.24930037971174,65.52575259854908L154.04415656296914,65.61922021841659L154.1383709943558,65.79075069943862L154.25302281638182,65.8827488360556L154.33292858413643,66.2668423943895L153.86722126745207,66.35578537158369L153.7030607071301,66.09332423024787L153.31524577639956,66.13691618686784L153.12078084615487,66.74166092713678L152.9854382998891,66.99226384436778L153.05449658040476,67.34252763386499L153.1865609504537,67.80283789688856L153.05484255407447,67.97684072075776L152.836022255634,68.24570765114633L152.75753519608853,68.70097485377539L152.04926554906598,68.9831214314504L151.62951276193166,68.59630851608071L151.17436674196784,68.42905483407651L150.8250756888885,67.95869612535131L150.77914522360203,67.69387497010447L150.45991148897699,67.78957337596863L149.99026031404028,68.25216917942666L149.90796596381858,68.35880497176166L149.30669734138613,68.35925630145083L149.17514870073438,68.30389581424494L148.6661688031116,68.19078308097004L148.2719190600272,68.51403606858824L148.06566062114726,68.57210042326454L147.80106218418095,68.44722661118945L147.17581158027156,68.05088582634905L146.29060314721596,68.09690050891642L146.1400689438853,67.7181686635036L145.74588458644587,67.17892835035055L145.14414755381597,66.93175087882818L144.5111678352841,67.03055977538818L144.37554769516572,66.88505722835468L143.90923120918103,67.42619624916756L144.0266060843824,67.53885652160834L144.18900283635696,67.82757763236418L144.27004051919073,68.40789334124008L143.84692053052686,68.56898702324142L143.5871228510842,68.65815825390108L143.1885877605927,69.02834575965893L142.81724376516027,68.87411525794828L142.1841534415757,69.17663202949046L142.3437360016326,69.60877296669986L142.26608177556994,69.94799646916687L141.82242178250925,70.33538449485926L141.7629603413263,70.68977855584757L141.46007969887026,71.14689300783105L141.21218693181555,71.10785600780571L140.97926105895573,71.77301691240888L140.9974238488087,72.26376208412881L140.65270359435692,72.46750800603434L139.99169185063784,72.39510053811654L139.7593505490714,72.15312770997954L139.55497744149136,71.99637151356923L139.06665327300513,72.42909397932628L138.99319793657062,72.7842305295232L138.78062893012944,73.29814104718211L138.5906672305685,73.28990467310341L138.33507209601174,73.19176033539053L138.10214036210763,72.87777327119531L137.863869531499,72.83493640731847L137.67641603564843,73.07877853407423L137.28674798532336,73.41693122533565L137.21282967936315,73.75814289642445L136.76484334515405,73.5966719899651L136.51792503457017,73.47841437002543L136.03530205704496,73.24457578756775L135.68701604146656,73.44297401158333L135.44023909034684,73.1953888323723L135.27706845301952,73.39505254616995L135.44437668402708,73.66924377071831L135.26785700930816,73.84374543324012L135.1814835796361,73.58723855595255L134.8434838282973,73.60180644144702L134.61614006594567,73.68835138866052L134.47963073631757,73.53459216389068L134.27892552575582,73.61361446472857L134.26424626803126,73.7658308093499L134.39614357800158,73.97334431494549L134.184974182939,74.15087033214911L133.98401556478723,74.10120250283718L133.86153623955627,74.40648006171861L133.59999246621086,74.76603349803028L133.7008924956754,75.07449229323254L133.95865600195242,75.3000770696559L133.94640700219674,75.54502154927705L133.36739149847918,75.6804330091753L133.0391346519117,75.94433914048764L132.55300542993842,76.4982548562788L132.73139723741775,76.79474202305336L132.87734176513842,77.31584129275164L132.7371048973793,77.47164911046654L132.24791130218367,77.29017467227239L131.59057084433562,77.04469658441204L130.97763007663204,76.92654323138758L130.64738702056604,77.23659369592649L130.3960054990054,77.69377559239636L130.39116313723247,77.90218918051526L130.5651954552904,78.05851427684838L130.44292624002262,78.1230275754745L130.01462858133667,78.06531884651618L129.67686056721567,77.85729106972971L129.54241117551015,77.52000897529354L129.32037798621357,77.12864993807965L129.41393995911102,76.36815064968587L129.12941064622274,75.92486252215002L128.98134209047382,75.15512468840679L128.14748406150363,74.45026467343673L127.23082578229864,74.01588634386573L126.48260571532064,73.52111421628182L125.8382188819716,72.72031430926178L126.12821102048767,71.6447510822074L126.33157779135956,70.94286969987218L126.53126897982615,70.21016030711628L125.93919857500448,69.86548229624006L125.2708716236288,69.77337112161307L124.66435483029113,69.9932596447556L124.4303983198217,69.40596376948781L124.3182206265459,68.55745402110779L123.76102162402022,68.10936629603785L123.20214345231096,67.75331068174488L122.7469686261804,67.28736856304079L122.22784666015883,66.79450314766271L122.02701691595514,66.40243788141713L121.65067216448273,65.53248354354123L121.45930373073298,64.19518869639711L121.81132759210921,63.27064145818861L121.95624959648895,62.660396711744326L122.49858725842614,62.46722685513738L122.57221301174273,62.30304229953547L122.96778101665694,61.294505577034016L123.01795317067493,60.77900788747902L122.620410437913,60.177568178225826L122.47562913076949,59.491344652939524L123.18828958223595,58.91371217957979L123.80387235020852,58.83580169578999L124.41300787567094,58.514543260559925L124.76489234792487,57.79825406018206L125.21224558133608,57.201596068257246L125.27555795218922,56.36286945975509L125.14334740914325,55.81826000352679L124.53457740080243,55.50649363319003L124.27921766123649,55.01138736670751L123.97161269216416,54.21199098531031L123.46869277622449,54.09282829365929L122.6265828701258,53.58457555583761L121.91136888470758,52.71749121698903L121.62700709843489,52.042946370501156L121.91667017919444,51.13351921890768L121.75533941483926,50.83308033677907L121.34715116245705,50.0404763833953L121.12255930061119,49.32265620062175L120.94212650609931,48.46134285357344L120.42113770867937,47.87420393007746L119.74523219139533,47.560127011052934L119.1243055880205,47.153389722480384L118.73682981377397,46.41513201447654L118.27965119327112,46.229000761028026L117.60995881078168,45.70442693411185L116.88990715119164,45.6108158610966L116.29303391023439,45.04008499875888L116.11318483043019,44.69974117171593L115.52295454606052,44.25011487857587L114.96915557544585,43.69267707898288L114.11477701724492,43.17542866448292L113.47478758420104,42.84285662983377L112.92337152732995,42.46578398007366L112.37068977762597,41.95247961114417L112.03440420332427,41.302880433876524L111.65451330468875,40.746632246442246L111.53229088394721,40.05348645543454L111.53989835769785,39.181085189234565L111.9305964051129,38.21946641306128L112.44915149838177,37.35244605524234L112.87645647366983,37.2682074878926L113.39140757269969,37.000707887257335L113.77747978635495,36.45123810136529L114.03841883909722,35.951097562112L114.1676562231099,35.35306811641169L113.70467315018682,34.69754997289325L113.45478660010743,34.0924991688583L112.85908950491566,34.03769246569276L112.43193525388968,34.21751045285192L112.05206920352943,33.69981853923325L111.71389580492529,33.510024756037915L111.20568288518741,33.36574630638871L110.608476785546,33.44525889164006L109.76114501747821,33.43246315080105L109.30802713958428,33.295934923736105L109.12200145321702,32.322018604703004L108.96312824665557,31.425938746373106L108.81037174688376,30.417826472029162L108.634014564861,29.281668037205435L108.38958129380345,27.881115815863268L108.24812100199236,26.755195339785864L108.22702256842275,25.95428103859897L108.20665498870918,25.274538006404434L108.20523754296744,25.227232490480908L108.76773187353974,25.140929952777547L109.15957108790647,25.390705421371607L109.50819778531186,26.710254269111765L109.8088116103038,27.825772325061884L111.00193211580547,28.165194056014073L112.12114432680394,28.209160811457288L112.39067775504932,28.68988075252836L113.39818927446836,28.241040810952292L113.82465768208962,28.068816364001705L114.62925270580978,28.105238882744622L115.46461447727764,28.42300496752658Z';


var defs = svg.append('defs');
var pattern = defs.append('pattern')
    .attr({
      id: 'dotmatrix',
      patternUnits: "userSpaceOnUse",
      x: 0,
      y: 0,
      width: 6,
      height: 6
    })
    .append('circle')
	    .attr({
          r: 1.5,
          cx: 3,
          cy: 3,
          fill: 'white'
        })
    ;


var mask = defs.append('mask')
    .attr({
      id: 'mask',
      maskUnits: "objectBoundingBox",
      maskContentUnits: "ObjectBoundingBox"
    });

mask.append('rect')
    .attr({
      x: 0,
      y: 0,
      height: 1000,
      width: 1000,
      fill: 'black'
    });

mask.append('rect')
    .attr({
      x: 0,
      y: 0,
      height: 1000,
      width: 1000,
      fill: 'url(#dotmatrix)'
    })

var g = svg.append('g')
    .attr({
      mask: 'url(#mask)',
      width: 1141,
      height: 1242
    });
  
g.append("path")
  .attr({
    'd': path,
    'transform': 'translate(40, 60) scale(4)',
    'fill': "red"
  });


    
/*        
id="dotmatrix" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
                    <circle height="5" width="5" style="fill: url(#pinstripe)" cx="5" cy="5"></circle>
                </pattern>
                <mask id="mask" maskUnits="objectBoundingBox" maskContentUnits="ObjectBoundingBox">
                    <rect x="0.5" y="0.2" height="300" width="300" style="fill: url(#pinstripe)" />
                </mask>*/