2f:T19b3,fishPathAbs = "M72.098957,146.14026C72.098957,146.14026,83.65595065579298,144.7308414271207,91.83041132922082,148.81805983174377C100.00486603660323,152.90533789682115,120.1591399716424,166.4354340300091,129.0382920333736,169.53610716198008C137.9174440951048,172.6367802939511,158.28313081607587,171.7910933539509,158.28313081607587,171.7910933539509C158.28313081607587,171.7910933539509,161.10190233533473,171.93189202614846,158.6354854592957,170.24081644841974C156.16905665116582,168.5495022288737,152.78651770275525,170.24081644841974,151.9408904232094,168.69047988243423C151.09524524552725,167.14014331644873,151.37715879033027,163.05292491182567,156.80328904291608,161.50258834584017C162.22943719363818,159.95225177985466,172.658913889264,166.7877886732289,177.16895786575085,166.7173296766758C181.67899587619226,166.64693034057703,256.49231665395666,156.73703057558734,253.2534102493239,155.34181119083644C250.01450384469115,153.94659180608554,235.7134454905401,154.44487592057453,236.90933929740453,150.80731836016884C238.10523310426896,147.16976079976317,247.2738815545474,140.3929894538951,248.12100034545125,139.44617804382085C248.9681191363551,138.4994262942009,250.811806156237,135.7089875246991,251.90800734393105,135.4598454674546C253.00426819207942,135.21046476839282,254.44930405618837,135.55947842617067,254.44930405618837,135.55947842617067C254.44930405618837,135.55947842617067,253.6022449257388,133.81542436500487,254.6485699736205,132.37038850089596C255.69501434241084,130.925352636787,261.02674982416994,125.79288307246004,261.076566303528,125.09527338008459C261.12429466698484,124.39766368770914,265.3121005975931,118.21880941504615,266.3086688265711,117.86997473863127C267.30523705554907,117.52096108085343,269.54757523120384,117.67070882119913,269.54757523120384,117.67070882119913C269.54757523120384,117.67070882119913,268.30186494498133,113.43517452713407,270.29506106339164,111.99013866302514C272.2881975213476,110.5451027989162,278.9653359084996,114.93008653105537,281.3571831826828,116.47475535388037C283.74897079641164,118.0194838371597,292.3694888226159,124.84613132284011,295.01041849358927,127.13828597785292C297.651407825017,129.43044063286573,312.84937161920277,145.9738073324444,313.9456324673512,146.3226420088593C315.04183365504525,146.67165566663715,354.40711394603596,143.73146915678964,388.6898008125121,151.30554281420353C422.9724280185339,158.87961647161742,445.79434160994595,167.5499509771797,454.16565791845136,170.83873352162482C462.5370338874111,174.12745640561562,472.1188608140896,181.12825275745902,472.5064747858131,185.4973668087488C472.8942677388996,189.8664808600386,471.0970562129338,191.4520767545278,471.0970562129338,191.4520767545278C471.0970562129338,191.4520767545278,474.7967203062876,192.61479934878977,474.40916599501844,194.7288675476544C474.02137304193195,196.84299540697336,471.9779428209834,199.3798772456109,470.2866882618917,200.85975481504332C468.5954337028,202.3395727240214,458.80014167056095,207.1315004150841,451.4008731443076,209.35128693900555C444.0015449575999,211.571073462927,435.8623674768575,213.40330567557922,432.09224438695054,214.10801496201887C428.3221212970436,214.8126645880042,419.44297520135785,215.86972851766367,418.28019294664153,216.0811651677773C417.11747035237954,216.29236317607365,405.73664208610563,219.85122859722992,403.622573887241,220.48547888711647C401.5085056883764,221.11972917700302,393.29874989017225,221.19018817355612,391.46657733797434,222.6348064144848C389.63440478577644,224.0794246554135,375.1529033875315,245.85447625485497,369.23345277025624,246.84108118796135C363.31400215298095,247.8276264606134,365.92140264862593,231.30251586005696,364.26534775758364,229.68172029751835C362.6093525269956,228.06092473497975,336.32420922270387,233.5223023839784,327.4803224555218,233.73373903409203C318.63637602788543,233.94493704238837,309.61625227863914,234.43844832053168,306.44517981056936,234.47364798858106C303.27404768204525,234.50944426117366,297.9183286976491,233.66328003753893,296.7203467748834,234.01545569939577C295.52236485211773,234.36804898443287,290.3076235212821,246.27711091326495,286.396582438269,247.0170795282083C282.48554135525586,247.75698848269735,283.2254503097449,243.6697700780743,281.4989364221495,243.52879242451377C279.77248219500837,243.38799375231622,267.7574036388479,257.6931985080426,261.8379530215726,258.85592110230453C255.91856206475165,260.0187033570208,256.5175530261345,253.5707207749158,256.5175530261345,253.5707207749158C256.5175530261345,253.5707207749158,257.11654398751733,247.75698848269732,258.49070323189295,241.87279719392575C259.86480281581424,235.98860590515417,262.08458933973566,230.98524156397784,260.21715745903407,230.1748736129357C258.3497255783325,229.36444600143923,217.5831107060229,223.26881806255403,213.10833799013062,225.48860458647547C208.63350561378402,227.70845077085124,169.73437035053956,249.97677500661874,164.13204487820752,249.1311477270729C158.52973133796638,248.28552044752703,153.8435100398696,232.74695511962264,153.91397500246816,229.25872767638242C153.98437433856694,225.7705002331422,153.56162035924834,212.59269908271978,154.72437278373746,212.24034443949995C155.88711924218117,211.88775115446285,161.7008455683542,211.95874709510483,161.8770228899641,210.72526720201816C162.05320021157402,209.4920856112031,145.6338079360744,207.83603072016078,142.9559663420126,207.97694871326698C140.27813668004168,208.11774738546453,121.11043784788173,209.4920856112031,109.02492415934988,215.9048088648044C96.93941047081803,222.31753211840572,85.80523642084341,223.23361839450467,81.71800011808406,223.44499538416397C77.63077574741557,223.65619339246032,67.23651661797543,225.62958224003603,67.02512173017983,223.65619339246032C66.81368508006621,221.6830431867019,70.44287824477608,204.6294006213157,71.46470074406815,204.3123053065996C72.48650534522392,203.99491168961188,74.565344045812,200.08416890887034,74.49487908321346,198.81572798955156C74.42447974711469,197.54722740977846,74.91769272298639,195.25698188930392,75.34050636275931,194.44661393826178C75.76332000253224,193.6361863267653,77.06700831826386,189.97178156191518,76.78513653577886,189.40799026858173C76.50324088911213,188.84419897524828,76.00997421883154,183.41814031520767,75.34050636275931,182.2906173889951C74.67106237086881,181.1630944627825,72.41602248448909,176.0540714570037,72.34555752189056,175.0674665238973C72.27515818579178,174.08092125124526,71.85228488556453,170.66315280455814,71.85228488556453,169.78226619650857C71.85228488556453,168.901379588459,69.45631507398774,147.51394196074108,72.09892120372754,146.1397827163655Z"30:Tb9b,fishPath = "m 72.098957,146.14026 c 0,0 1.937128,-0.23624 3.307292,0.44884 1.370163,0.68509 4.748326,2.95294 6.236607,3.47266 1.488281,0.51972 4.90188,0.37797 4.90188,0.37797 0,0 0.472469,0.0236 0.05906,-0.25985 -0.413411,-0.28349 -0.980376,0 -1.122116,-0.25986 -0.141743,-0.25986 -0.09449,-0.94494 0.815012,-1.2048 0.909505,-0.25986 2.657644,0.88588 3.413596,0.87407 0.755951,-0.0118 13.295802,-1.67285 12.752912,-1.90671 -0.54289,-0.23386 -2.939965,-0.15034 -2.739515,-0.76005 0.20045,-0.60971 1.737255,-1.7456 1.879245,-1.9043 0.14199,-0.15869 0.45102,-0.62641 0.63476,-0.66817 0.18375,-0.0418 0.42596,0.0167 0.42596,0.0167 0,0 -0.14198,-0.29233 0.0334,-0.53454 0.1754,-0.24221 1.06908,-1.10249 1.07743,-1.21942 0.008,-0.11693 0.70994,-1.1526 0.87698,-1.21107 0.16704,-0.0585 0.54289,-0.0334 0.54289,-0.0334 0,0 -0.2088,-0.70994 0.12529,-0.95215 0.33408,-0.24221 1.45327,0.49278 1.85418,0.75169 0.4009,0.25892 1.84583,1.40317 2.28849,1.78737 0.44267,0.3842 2.99008,3.15712 3.17383,3.21559 0.18374,0.0585 6.78196,-0.43432 12.52826,0.83521 5.74629,1.26953 9.57159,2.72281 10.97475,3.27406 1.40317,0.55124 3.00923,1.72468 3.0742,2.45701 0.065,0.73233 -0.23624,0.9981 -0.23624,0.9981 0,0 0.62012,0.19489 0.55516,0.54924 -0.065,0.35436 -0.40751,0.77958 -0.69099,1.02763 -0.28348,0.24804 -1.92532,1.05124 -3.16555,1.42331 -1.24024,0.37207 -2.60449,0.67918 -3.23642,0.7973 -0.63193,0.11811 -2.12021,0.29529 -2.31511,0.33073 -0.19489,0.0354 -2.10249,0.63192 -2.45684,0.73823 -0.35435,0.10631 -1.73043,0.11812 -2.03753,0.36026 -0.3071,0.24214 -2.73442,3.89197 -3.72661,4.05734 -0.99219,0.16536 -0.55515,-2.6045 -0.83273,-2.87617 -0.27757,-0.27167 -4.68336,0.64374 -6.16573,0.67918 -1.48238,0.0354 -2.99429,0.11812 -3.52581,0.12402 -0.53153,0.006 -1.42923,-0.13583 -1.63003,-0.0768 -0.2008,0.0591 -1.07487,2.05524 -1.73042,2.17927 -0.65555,0.12402 -0.53153,-0.56106 -0.82092,-0.58469 -0.28938,-0.0236 -2.30329,2.37417 -3.29548,2.56906 -0.99218,0.1949 -0.89178,-0.88588 -0.89178,-0.88588 0,0 0.1004,-0.97447 0.33073,-1.96075 0.23032,-0.98628 0.60239,-1.82492 0.28938,-1.96075 -0.31301,-0.13584 -7.146115,-1.15756 -7.896155,-0.78549 -0.75005,0.37208 -7.270137,4.10459 -8.209172,3.96285 -0.939033,-0.14174 -1.724515,-2.74624 -1.712704,-3.33092 0.0118,-0.58468 -0.05906,-2.79348 0.135835,-2.85254 0.194894,-0.0591 1.169363,-0.0472 1.198893,-0.25395 0.02953,-0.2067 -2.72261,-0.48428 -3.171457,-0.46066 -0.448845,0.0236 -3.661643,0.25396 -5.687359,1.32883 -2.025716,1.07487 -3.891973,1.22842 -4.577056,1.26385 -0.685081,0.0354 -2.427317,0.36617 -2.46275,0.0354 -0.03544,-0.33073 0.572868,-3.18918 0.744141,-3.24233 0.17127,-0.0532 0.519715,-0.7087 0.507904,-0.92131 -0.0118,-0.21262 0.07087,-0.5965 0.14174,-0.73233 0.07087,-0.13584 0.289388,-0.75005 0.242142,-0.84455 -0.04725,-0.0945 -0.129929,-1.00399 -0.242142,-1.19298 -0.112209,-0.18899 -0.490188,-1.04534 -0.501999,-1.21071 -0.0118,-0.16536 -0.08268,-0.73823 -0.08268,-0.88588 0,-0.14765 -0.401601,-3.73251 0.04134,-3.96284 z"31:T5b2,adjustedFishPath = { var pathArray = fishPathAbs.match(/[MLCZmlcz][^MLCZ]*/g) const parsedArray = pathArray.map(d => d.match(/^([MLCZ])(.*)$/)); const pathObject = parsedArray.map(function(d){ const command = d[1]; const coordinates = d[2].split(/[\s,]+/); return { command, coordinates }; }) const adjustedFishPath = []; for (var i = 0; i < pathObject.length; i++) { const pathSegment = pathObject[i]; const command = pathSegment['command'] const coords = pathSegment['coordinates'] if (command != 'Z') { for (var j = 0; j < coords.length; j += 2) { const rescalingFactor = 1.25 coords[j] = parseFloat(coords[j])*rescalingFactor - (fishDims.w*(rescalingFactor-1)*0.5) + fishCentroidTranslation2[0]; coords[j+1] = parseFloat(coords[j+1])*rescalingFactor - (fishDims.h*(rescalingFactor-1)*0.5) - (146.14*(rescalingFactor-1)) + fishCentroidTranslation2[1]; // coords[j] = parseFloat(coords[j])*rescalingFactor - (fishDims.w*(rescalingFactor-1)*0.5) - (72*(rescalingFactor-1)) + fishCentroidTranslation[0]; // coords[j+1] = parseFloat(coords[j+1])*rescalingFactor - (fishDims.h*(rescalingFactor-1)*0.5) - (146.14*(rescalingFactor-1)) + fishCentroidTranslation[1]; } adjustedFishPath[i] = command + coords.join(','); } else { adjustedFishPath[i] = command } }; return adjustedFishPath.join(' ') }32:T60a,rescaledFishPath = { const {scaleX, scaleY} = bboxScales; // Split the path data into commands and values var pathCommands = fishPath2.split(/([MLHVCSQTAZmlhvcsqtaz])/); // return pathCommands // Initialize a variable to store the transformed path data var transformedPathData = ''; // return pathCommands[4].trim().split(/[\s,]+/) // Iterate through the path commands for (var i = 1; i < pathCommands.length; i++) { var command = pathCommands[i]; if (command === 'M' || command === 'm') { // Keep M commands unchanged transformedPathData += command + pathCommands[i + 1]; i++; // Skip the values associated with M command } else if (command === 'C' || command === 'c') { // 1 // // Scale all other commands' values var values = pathCommands[i + 1]; var scaledValues = values .trim() .split(/[\s]+/) .map(function (value) { const scaledCoord = value.split((/[,]+/)).map(function(coord) { // console.log(parseFloat(coord) * (bboxScales.scaleX * 0.8)) return parseFloat(coord) * (bboxScales.scaleX * 0.7); }).join(',') return scaledCoord // }) .join(' '); transformedPathData += command + scaledValues; i++; // Skip the values we just processed } } return transformedPathData }33:[{"id":"4a70f298e78aa9adb22337f357c99856b20972b66219b2b99edfb626911244c90bab08ee9c85bbc6223963e75a2036a33b3f0d2784448a8e6859096758de56a6","href":"https://static.observableusercontent.com/files/4a70f298e78aa9adb22337f357c99856b20972b66219b2b99edfb626911244c90bab08ee9c85bbc6223963e75a2036a33b3f0d2784448a8e6859096758de56a6","name":"Troutline.svg","type":"image/svg+xml","lastModified":1690739964770.388,"size":4965}] 2d:{"title":"Untitled","cells":[{"id":0,"value":"# Untitled","pinned":false,"hidden":false,"mode":"md"},{"id":21,"value":"viewof minArea = Range([0.001, 0.01], { step: 0.001 })","pinned":true,"hidden":false,"mode":"ojs"},{"id":272,"value":"ukPath = path(mainlandUkCoords)","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"chart = {\n const svg = d3.select(DOM.svg(w, h))\n\n var path = smooth(d3.curveBasisClosed, projection);\n\n svg.append('path')\n \t.datum(mainlandUkCoords)\n \t.attr('d', path)\n .attr(\"id\",\"ukPath\")\n // Styling\n \t.style('fill', 'white')\n \t.style('stroke', 'lightgrey');\n\n svg.append(\"circle\")\n .attr(\"cx\", projection(coords)[0])\n .attr(\"cy\", d => projection(coords)[1])\n .attr(\"r\", 3)\n .attr(\"fill\", \"black\")\n\n\n return svg.node()\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1218,"value":"# Vars","pinned":false,"hidden":false,"mode":"md"},{"id":315,"value":"w=400","pinned":true,"hidden":false,"mode":"ojs"},{"id":317,"value":"h=400","pinned":true,"hidden":false,"mode":"ojs"},{"id":1220,"value":"# Helper Functions","pinned":false,"hidden":false,"mode":"md"},{"id":268,"value":"path = smooth(d3.curveBasisClosed, projection)","pinned":true,"hidden":false,"mode":"ojs"},{"id":262,"value":"projection = d3.geoMercator() \n .fitSize([w, h], mainlandUkCoords)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1235,"value":"coords = [0.0662760584905233, 51.656221558916265]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1241,"value":"mainlandUkCoords","pinned":true,"hidden":false,"mode":"ojs"},{"id":1209,"value":"# Path Data","pinned":false,"hidden":false,"mode":"md"},{"id":1336,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":781,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"engWales_simplified = {\n let engWales_simplified = topojson.presimplify(engwalestopo);\n let min_weight = topojson.quantile(engWales_simplified, minArea);\n engWales_simplified = topojson.simplify(engWales_simplified, min_weight);\n return topojson.merge(engWales_simplified, Object.values(engWales_simplified.objects))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":63,"value":"mainlandUkCoords = ({\n type: \"MultiPolygon\",\n coordinates: [engWales_simplified.coordinates[2]]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1251,"value":"# Imports","pinned":false,"hidden":false,"mode":"md"},{"id":1382,"value":"require(\"https://unpkg.com/svg-path-parser@1.1.0/parser.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":23,"value":"import { Range } from \"@observablehq/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"import {engwalestopo} from \"77788580325615c3\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"import { geoCurvePath as smooth } from \"@d3/context-to-curve\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"topojson = require(\"https://unpkg.com/topojson@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1213,"value":"# Other Stuff","pinned":false,"hidden":false,"mode":"md"},{"id":142,"value":"transition = function(){\n d3.select(\"#animLine\")\n .transition()\n .duration(500)\n .ease(d3.easeLinear)\n .attr(\"d\", randBezierLine(points))\n .attr(\"stroke-dasharray\", lenTotal + \",0\")\n .on(\"end\", function() { Transition(); });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":95,"value":"randPoints = engWales_simplified.coordinates[2][0].map(function(d){\n return [d[0]*(1-(Math.random()+0.3)/300), d[1]*(1-(Math.random()+0.3)/300)]\n // return [Math.random(), d[1]]\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":868,"value":"## SVG path manipulation","pinned":false,"hidden":false,"mode":"md"},{"id":596,"value":"fishSVG = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":664,"value":"ukSVG = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":1071,"value":"svgDims(fishSVG)","pinned":true,"hidden":false,"mode":"ojs"},{"id":647,"value":"fishDims = svgDims(fishSVG)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1280,"value":"# SVG Dims","pinned":false,"hidden":false,"mode":"md"},{"id":579,"value":"svgDims = function(svg){\n\n // Add the SVG element to the DOM so we can determine its size.\n document.body.appendChild(svg);\n\n // Computing the bounding box of the content.\n const box = svg.querySelector(\"[name=content]\").getBBox();\n\n // Remove the SVG element from the DOM.\n svg.remove();\n\n return {x: box.x, y: box.y, w: box.width, h:box.height}\n\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":667,"value":"ukDims = svgDims(ukSVG)","pinned":true,"hidden":false,"mode":"ojs"},{"id":682,"value":"fishCentroid = {\n return [fishDims.x + (fishDims.w / 2), fishDims.y + (fishDims.h / 2)]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":685,"value":"ukCentroid = {\n return [ukDims.x + (ukDims.w / 2), ukDims.y + (ukDims.h / 2)]\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":689,"value":"fishCentroidTranslation = [ukCentroid[0] - fishCentroid[0], ukCentroid[1] - fishCentroid[1]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":1650,"value":"fishCentroidTranslation2 = [(width/2) - fishCentroid[0], (height/2) - fishCentroid[1]]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1652,"value":"height=400","pinned":true,"hidden":false,"mode":"ojs"},{"id":1600,"value":"fishDims.w","pinned":true,"hidden":false,"mode":"ojs"},{"id":1589,"value":"fishPathAbs","pinned":true,"hidden":false,"mode":"ojs"},{"id":1379,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1428,"value":"fishPathAbs","pinned":true,"hidden":false,"mode":"ojs"},{"id":804,"value":"fishPath2 = {\n // var regex = /([Mm])\\s*(-?\\d+(\\.\\d+)?)\\s*,\\s*(-?\\d+(\\.\\d+)?)/g;\n // var regex = /([MmLlCc])\\s*(-?\\d+(\\.\\d+)?)\\s*,\\s*(-?\\d+(\\.\\d+)?)/g;\n // var regex = /([MmLlCc])\\s*(-?\\d+(\\.\\d+)?)\\s*,\\s*(-?\\d+(\\.\\d+)?)\\s*,\\s*(-?\\d+(\\.\\d+)?)\\s*,\\s*(-?\\d+(\\.\\d+)?)/g;\n var regex = /[MLCZmlcz][^MLCZ]*/g;\n\n\n // return fishPathAbs.match(regex)\n\n function replaceFn(match, command, x, _, y){\n console.log([match, command, x, _, y])\n var newX = parseFloat(x) + fishCentroidTranslation[0];\n var newY = parseFloat(y) + fishCentroidTranslation[1];\n\n return command + ' ' + newX + ',' + newY;\n }\n\n var shiftedPathString = fishPathAbs.replace(regex, replaceFn);\n\n return shiftedPathString; \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":824,"value":"bboxScales = {\n const ukArea = ukDims.w * ukDims.h;\n const fishArea = fishDims.w * fishDims.h;\n const aspectRatio = fishDims.w / fishDims.h;\n const newFishWidth = Math.sqrt(ukArea * aspectRatio);\n const newFishHeight = newFishWidth / aspectRatio;\n const newFishArea = newFishWidth * newFishHeight\n const scaleX = newFishWidth / fishDims.w;\n const scaleY = newFishHeight / fishDims.h;\n return {scaleX, scaleY} \n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":874,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1586,"value":"adjustedFishPath","pinned":true,"hidden":false,"mode":"ojs"},{"id":695,"value":"{\n const width=1500, height=400;\n const svg = d3.select(DOM.svg(width, height)) \n const initialPath = svg.append(\"path\")\n .attr(\"d\", adjustedFishPath)\n // .attr(\"transform\", \"translate(50, 50)\")\n .attr(\"stroke\", \"blue\")\n .attr(\"fill\", \"none\")\n\n \n svg.append(\"circle\") \n .attr(\"cx\", fishCentroid[0])\n .attr(\"cy\", fishCentroid[1])\n .attr(\"r\", 3)\n .attr(\"fill\", \"red\")\n\n svg.append(\"circle\")\n .attr(\"cx\", ukCentroid[0])\n .attr(\"cy\", ukCentroid[1])\n .attr(\"r\", 3)\n .attr(\"fill\", \"green\")\n\n// Define a custom easing function (e.g., quadraticInOut)\n const customEasing = d3.easeCubicIn;\n // Transition between the two paths using Flubber\n initialPath.transition().ease(customEasing)\n .duration(3500) // Transition duration in milliseconds\n .attrTween(\"d\", function () {\n const interpolator = flubber.interpolate(adjustedFishPath, ukPath);\n return function (t) {\n return interpolator(t);\n };\n });\n\n return svg.node()\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":346,"value":"flubber = require(\"flubber@0.4\")","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}