31:T4cf,data = { const data = bikes; data[0].plot = plotCalcs(pivotPaths1, bike1ImageBB, bike1ImageWheels, imageScale1); data[0].shockLength = shockLength1; data[0].minShockLength = minShockLength1; data[0].travel = data[0].plot[data[0].plot.length-1].travel; data[1].plot = plotCalcs(pivotPaths2, bike2ImageBB, bike2ImageWheels, imageScale2); data[1].shockLength = shockLength2; data[1].minShockLength = minShockLength2; data[1].travel = data[1].plot[data[1].plot.length-1].travel; data[2].plot = plotCalcs(pivotPaths3, bike3ImageBB, bike3ImageWheels, imageScale3); data[2].shockLength = shockLength3; data[2].minShockLength = minShockLength3; data[2].travel = data[2].plot[data[2].plot.length-1].travel; data[3].plot = plotCalcs(pivotPaths4, bike4ImageBB, bike4ImageWheels, imageScale4); data[3].shockLength = shockLength4; data[3].minShockLength = minShockLength4; data[3].travel = data[3].plot[data[3].plot.length-1].travel; data[4].plot = plotCalcs(pivotPaths5, bike5ImageBB, bike5ImageWheels, imageScale5); data[4].shockLength = shockLength5; data[4].minShockLength = minShockLength5; data[4].travel = data[4].plot[data[4].plot.length-1].travel; return data.filter(d => d.plot.length>1); }32:Ta15,function loadBikeDetails(databaseBikeQuery, urlBike) { const params = (urlBike.length > 0) ? new URLSearchParams(new URL(urlBike).search) : new URLSearchParams(databaseBikeQuery); const bike = (params.get("bikeName") === null) ? { bikeName: "", imageUrl: "", wheelSize: [], imageWheels: {front: [], rear: [], radius: []}, imagePivots: [[], [], [], []], suspensionDesign: "", rearAxleLink: "1", imageShockDetails: {imageShockMounts: [[], []], imageShockStroke: [[], []]}, shockLink1: "1", shockLink2: "1", chainringSize: "", cassetteSize: "", imageBB: [[]], tyreSize: "", cogHeight: "" } : { bikeName: params.get("bikeName"), imageUrl: params.get("imageUrl"), wheelSize: params.get("wheelSize"), imageWheels: {front: [+params.get("imageWheels[front][0]"), +params.get("imageWheels[front][1]")], rear: [+params.get("imageWheels[rear][0]"), +params.get("imageWheels[rear][1]")], radius: +params.get("imageWheels[radius]")}, imagePivots: [[+params.get("imagePivots[0][0]"), +params.get("imagePivots[0][1]")], [+params.get("imagePivots[1][0]"), +params.get("imagePivots[1][1]")], [+params.get("imagePivots[2][0]"), +params.get("imagePivots[2][1]")], [+params.get("imagePivots[3][0]"), +params.get("imagePivots[3][1]")]], suspensionDesign: params.get("suspensionDesign"), rearAxleLink: params.get("rearAxleLink"), imageShockDetails: {imageShockMounts: [[+params.get("imageShockDetails[imageShockMounts][0][0]"), +params.get("imageShockDetails[imageShockMounts][0][1]")], [+params.get("imageShockDetails[imageShockMounts][1][0]"), +params.get("imageShockDetails[imageShockMounts][1][1]")]], imageShockStroke: [[+params.get("imageShockDetails[imageShockStroke][0][0]")], [+params.get("imageShockDetails[imageShockStroke][1][0]")]]}, shockLink1: params.get("shockLink1"), shockLink2: params.get("shockLink2"), chainringSize: (driveTrainSpec=='Standardised') ? chainring : params.get("chainringSize"), cassetteSize: (driveTrainSpec=='Standardised') ? calcCassetteGainRatio(params.get("wheelSize")) : params.get("cassetteSize"), imageBB: [[+params.get("imageBB[0][0]"), +params.get("imageBB[0][1]")]], tyreSize: params.get("tyreSize"), cogHeight: cogHeight }; return bike; }33:Tad5,function chartSvg(y, yLabel, yFormat, lineFn) { const svg = d3.select(DOM.svg(width, axesHeight + margin.top + margin.bottom)); svg.append("g") .attr("transform", 'translate(' + margin.left + ',' + (axesHeight + margin.top) + ')') .call(xAxis); svg.append("text") .attr("transform", "translate(" + ((width - margin.left - margin.right)/2 + margin.left) + " ," + (axesHeight + margin.top + margin.bottom/2 + 15) + ")") .style("text-anchor", "middle") .style("alignment-baseline", "middle") .text("Rear wheel travel (from sag point) / mm"); var yAxis = d3.axisLeft(y); if (typeof yFormat === 'function') yAxis.tickFormat(yFormat); svg.append("text") .attr("transform", "translate(" + (margin.left/2) + " ," + (margin.top/2) + ")") .style("alignment-baseline", "middle") .text(yLabel); console.log(x(0)); svg.append("g") .attr("transform", 'translate(' + (margin.left + x(0)) + ',' + margin.top + ')') .call(yAxis); var line = d3.line() .x( (d,i,j) => x(d.travel*1000 - sag*(j[j.length-1].travel*1000))) .y( lineFn.y ); svg.append("g") .attr("transform", 'translate(' + margin.left + ',' + margin.top + ')') .selectAll('path').data(data.map(d=>d.plot)).enter() .append("path") .attr("class", "line") .attr("stroke", (d,i) => colours[i]) .attr("d", line); const labelHeight = 17; // Create labels const labels = data.map(bike => { return { fx: 0, targetY: lineFn.y(bike.plot[bike.plot.length-1]), labelX: x((1-sag)*bike.plot[bike.plot.length-1].travel*1000) }; }); const maxLabelX = 4 + Math.max( ...labels.map(d => d.labelX) ); // Force labels apart const forceClamp = (min, max) => { let nodes; const force = () => { nodes.forEach(n => { if (n.y > max) n.y = max; if (n.y < min) n.y = min; }); }; force.initialize = (_) => nodes = _; return force; } const force = d3.forceSimulation() .nodes(labels) .force('collide', d3.forceCollide(labelHeight / 2)) .force('y', d3.forceY(d => d.targetY).strength(1)) .force('clamp', forceClamp(0, axesHeight-5)) .stop(); for (let i = 0; i < 300; i++) force.tick(); // Add labels to plot const legendItems = svg.selectAll('.legend-item').data(data); legendItems.exit().remove(); legendItems.attr('y', d => d.y); legendItems.enter().append('text') .attr('class', 'legend-item') .html(d => d.bikeName) .attr('fill', (d, i) => colours[i]) .attr('font-size', labelHeight-3) .attr('x', d => margin.left + maxLabelX) .attr('y', (d, i) => margin.top + labels[i].y); return svg; }34:[] 2f:{"title":"Comparing mountain bike rear suspension","cells":[{"id":0,"value":"md`# Comparing mountain bike rear suspension\nHere we will compare the operation of mountain bike rear suspension linkages, based on their individual investigation [here](https://observablehq.com/@johnwelford/investigating-mountain-bike-rear-suspension). Refer to that page for adding new designs.\n\nDesigns for comparison can be loaded from the database or from a saved URL.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`## Load bike designs\nSelect bikes from the database, or paste URLs below.\n\n#### Bike 1`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"viewof databaseBike1","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"viewof urlBike1 = text({placeholder: \"paste URL here...\", description: \"The database selection is used when this is blank\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"md`#### Bike 2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"viewof databaseBike2","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"viewof urlBike2 = text({placeholder: \"paste URL here...\", description: \"The database selection is used when this is blank\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1245,"value":"md`#### Bike 3`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1254,"value":"viewof databaseBike3","pinned":false,"hidden":false,"mode":"ojs"},{"id":1278,"value":"viewof urlBike3 = text({placeholder: \"paste URL here...\", description: \"The database selection is used when this is blank\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1246,"value":"md`#### Bike 4`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1255,"value":"viewof databaseBike4","pinned":false,"hidden":false,"mode":"ojs"},{"id":1281,"value":"viewof urlBike4 = text({placeholder: \"paste URL here...\", description: \"The database selection is used when this is blank\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1248,"value":"md`#### Bike 5`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1257,"value":"viewof databaseBike5","pinned":false,"hidden":false,"mode":"ojs"},{"id":1284,"value":"viewof urlBike5 = text({placeholder: \"paste URL here...\", description: \"The database selection is used when this is blank\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"md`## Suspension rates\nHow much the shock is moving relative to the wheel; the graph below plots the travel of the rear wheel as it compresses through the suspension stroke, against the compression of rear shock.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"shockTravelChart = {\n\n var y = d3.scaleLinear()\n .domain([maxShock, 0]).nice()\n .range([0, axesHeight])\n \n var line = [];\n line.x = ( d => x(d.travel*1000) );\n line.y = ( d => y(d.stroke*1000) );\n \n var svg = chartSvg(y, \"Shock travel / mm\", [], line);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":712,"value":"md`Alternatively compare rear wheel travel against the ratio of shock-to-wheel travel (*shock rate*), or the ratio of wheel-to-shock travel (*leverage rate* or *leverage ratio*). Select below to view either way.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":716,"value":"viewof shockOrLeverage = select({\n options: [\"Shock rate\", \"Leverage rate\"],\n value: \"Leverage rate\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":720,"value":"shockRateChart = { \n var y = d3.scaleLinear()\n .domain([Math.max(...data.map(bike => Math.max(...bike.plot.map(d => (shockOrLeverage==\"Shock rate\") ? d.shockRate : d.leverRate)))), 0]).nice()\n .range([0, axesHeight]);\n \n var line = [];\n line.x = ( d => x(d.travel*1000) );\n line.y = ( d => y((shockOrLeverage==\"Shock rate\") ? d.shockRate : d.leverRate) );\n \n var svg = chartSvg(y, shockOrLeverage, [], line);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":743,"value":"md`## Pedalling forces\nBased on the centre of gravity above the ground, and the combined forces from the chain and the swing arm acting from the rear tyre contact patch through the *instantaneous force centre* of the suspension geometry, how much the rear suspension will resist *squatting* under pedalling is determined.\n\nAt 0% *anti-squat* the suspension will tend to compress due to driving forces. At 100% *anti-squat* the fore-aft forces on the suspension are equal to the rider weight distribution, meaning that the suspension will neither *squat* nor *rise* during acceleration. At greater than 100% *anti-squat* the rear suspension will tend to extend under pedalling forces. (Note that this does not take into account the biomechanics of pedalling.)\n\nThe levels of *anti-squat* throughout the suspension stroke (as the 0% position moves with the rear wheel and the *instantaneous force centre* shifts during compression) are compared below.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":745,"value":"antiSquatChart = { \n var y = d3.scaleLinear()\n .domain([Math.max(...data.map(bike => Math.max(...bike.plot.map(d => d.antiSquat)))), 0]).nice()\n .range([0, axesHeight]);\n \n var line = [];\n line.x = ( d => x(d.travel*1000) );\n line.y = ( d => y(d.antiSquat) );\n \n var svg = chartSvg(y, \"Anti-squat\", d=>d+'%', line);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":773,"value":"md`Chainstay length increase through the travel (*chain growth*) has the potential to produce feedback through the pedals (*pedal kickback*). Compare chainstay growth against travel below.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":779,"value":"chainstayGrowthChart = { \n var y = d3.scaleLinear()\n .domain([Math.max(...data.map(bike => Math.max(...bike.plot.map(d => d.chainstay*1000)))), 0]).nice()\n .range([0, axesHeight]);\n var line = [];\n line.x = ( d => x(d.travel*1000) );\n line.y = ( d => y(d.chainstay*1000) );\n \n var svg = chartSvg(y, \"Chainstay growth / mm\", [], line);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":865,"value":"md`## Braking forces\nRear brake torque on the suspension, acting against rider weight transfer forwards extending the suspension (*brake jack*), results in *anti-rise*; compared below. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"antiRiseChart = { \n var y = d3.scaleLinear()\n .domain([Math.max(...data.map(bike => Math.max(...bike.plot.map(d => d.antiRise)))), 0]).nice()\n .range([0, axesHeight]);\n \n var line = [];\n line.x = ( d => x(d.travel*1000) );\n line.y = ( d => y(d.antiRise) );\n \n var svg = chartSvg(y, \"Anti-rise\", d=>d+'%', line);\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1294,"value":"md`### Drivetrain\nPedalling forces are based on drivetrain specifications; these can either be as specifed on the bikes individually or standardised across all bikes. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":1288,"value":"viewof driveTrainSpec = select({\n options: [\"Specified individually\", \"Standardised\"],\n value: \"Standardised\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1299,"value":"md`A standardised drivetrain can be thought of as a [gain ratio](https://www.sheldonbrown.com/gain.html) – the ratio of wheel radius to crank length, times the gear ratio.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1306,"value":"viewof gainRatio = slider({\n min: 1, \n max: 10, \n step: 0.1, \n format: v => `${v}`,\n title: \"Gain ratio\",\n value: \"3.1\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1452,"value":"viewof chainring = slider({\n min: 22, \n max:44,\n step: 2,\n format: v => `${v}`,\n title: \"Chainring size\",\n value: \"30\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1310,"value":"md`This equates to roughly a gear ratio of ${chainring}:${cassetteSize.toFixed(0)} (chainring : cassette) with a ${viewof crankLength.bind(Tangle({min: 160, max:180, step: 5,power: 0.75}))} mm crank on a ${viewof wheelSize.bind(Tangle({min: 0, max: 2, step: 1, power: 0.75, format: d=>26+d*1.5+'”'}))} wheel and ${viewof tyreSize.bind(Tangle({min: 1.95, max:3.00, step: 0.05, power: 0.75, format: d=>d.toFixed(2)+'”'}))} tyre.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1331,"value":"md`### Centre of gravity\nPedalling and braking calculations above all assume the same centre of gravity, set below.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1326,"value":"viewof cogHeight = slider({\n min: 450, \n max: 1200, \n step: 25, \n format: v => `${v} mm`,\n description: \"Including the rider and unsprung parts of the bike.\",\n value: \"800\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1503,"value":"md`### Sag\nWhen comparing designs with different travel a point in the stroke needs to be set. A sensible point to compare is the sag point as a percentage of the full travel, set below.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1506,"value":"viewof sag = slider({\n min: 0, \n max:1,\n step: 0.01,\n format: v => `${(100*v).toFixed(0) + '%'}`,\n value: \"0.33\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"md`

\n## Setup\nNo need to continue reading past this point.\n### Variables`","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"bikes = [\n loadBikeDetails(databaseQueryString1, urlBike1),\n loadBikeDetails(databaseQueryString2, urlBike2),\n loadBikeDetails(databaseQueryString3, urlBike3),\n loadBikeDetails(databaseQueryString4, urlBike4),\n loadBikeDetails(databaseQueryString5, urlBike5)\n];","pinned":false,"hidden":false,"mode":"ojs"},{"id":900,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":457,"value":"axesHeight = Math.min(width,350)","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"margin = { return {\n top: 50, \n right: Math.max(10, width - 600 - 40), \n bottom: 55, \n left: 40\n}}","pinned":false,"hidden":false,"mode":"ojs"},{"id":442,"value":"maxShock = Math.max(...data.map(bike => bike.shockLength - bike.minShockLength))*1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":446,"value":"maxTravel = Math.max(...data.map(bike => bike.travel))*1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":548,"value":"colours = ['#377eb8', '#e41a1c', '#4daf4a', '#984ea3', '#ff7f00']","pinned":false,"hidden":false,"mode":"ojs"},{"id":1386,"value":"viewof wheelSize = new View(27.5)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1413,"value":"viewof crankLength = new View(175)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1424,"value":"viewof tyreSize = new View(2.3)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1321,"value":"cassetteSize = {\n var wheelRadius = 0; // rim sizes from https://en.wikipedia.org/wiki/Bicycle_wheel\n if (wheelSize==0) { wheelRadius = (0.559/2) + tyreSize*0.0254; }\n else if (wheelSize==1) { wheelRadius = (0.584/2) + tyreSize*0.0254; }\n else wheelRadius = (0.622/2) + tyreSize*0.0254;\n return (1000*wheelRadius/crankLength) * chainring / gainRatio;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"md`### Functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":924,"value":"function plotCalcs(pivotPaths, imageBB, imageWheels, imageScale) {\n pivotPaths.map( (d,i,arr) => { \n d.stroke = pivotPaths[0].shockLength - d.shockLength;\n d.chainstay = measureLength(imageBB[0],d.imageAxlePath)/imageScale - measureLength(imageBB[0],imageWheels.rear)/imageScale; \n d.shockRate = (i == arr.length-1) ? \n NaN : \n (arr[i+1].shockLength - d.shockLength) / (d.travel - arr[i+1].travel);\n d.leverRate = (i == arr.length-1) ? \n NaN : \n (d.travel - arr[i+1].travel) / (arr[i+1].shockLength - d.shockLength); \n return d; \n } )\n\n return pivotPaths.slice(0,pivotPaths.length-1);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1529,"value":"x = d3.scaleLinear()\n .domain([-sag*maxTravel, (1-sag)*maxTravel]).nice()\n .range([0, width - margin.right - margin.left])","pinned":false,"hidden":false,"mode":"ojs"},{"id":1532,"value":"xAxis = d3.axisBottom(x)","pinned":false,"hidden":false,"mode":"ojs"},{"id":837,"value":"function measureLength(point1, point2) {\n return Math.sqrt(Math.pow(point1[0]-point2[0],2) + Math.pow(point1[1]-point2[1],2));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":473,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":1462,"value":"function calcCassetteGainRatio(wheelSize) {\n var wheelRadius = 0; // rim sizes from https://en.wikipedia.org/wiki/Bicycle_wheel\n if (wheelSize==0) { wheelRadius = (0.559/2) + tyreSize*0.0254; }\n else if (wheelSize==1) { wheelRadius = (0.584/2) + tyreSize*0.0254; }\n else wheelRadius = (0.622/2) + tyreSize*0.0254;\n \n return (1000*wheelRadius/crankLength) * chainring / gainRatio;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":402,"value":"styling = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":53,"value":"md`### References`","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"import {text, select, slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1382,"value":"import {Tangle} from \"@mbostock/tangle\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1389,"value":"import {View} from \"@mbostock/synchronized-views\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":197,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"md`### Import bike 1`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"import {viewof databaseBike as databaseBike1} with {} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"import {databaseQueryString as databaseQueryString1} with {databaseBike1 as databaseBike} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":230,"value":"import {\n imageScale as imageScale1,\n shockLength as shockLength1,\n minShockLength as minShockLength1,\n pivotPaths as pivotPaths1\n} with {\n bike1WheelSize as wheelSize, \n bike1ImageWheels as imageWheels, \n bike1ImagePivots as imagePivots, \n bike1RearAxleLink as rearAxleLink, \n bike1CogHeight as cogHeight, \n bike1ShockLink1 as shockLink1, \n bike1ShockLink2 as shockLink2, \n bike1ImageShockDetails as imageShockDetails,\n bike1CassetteSize as cassetteSize,\n bike1ChainringSize as chainringSize,\n bike1ImageBB as imageBB\n} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":235,"value":"bike1WheelSize = bikes[0].wheelSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":244,"value":"bike1ImageWheels = bikes[0].imageWheels","pinned":false,"hidden":false,"mode":"ojs"},{"id":204,"value":"bike1ImagePivots = bikes[0].imagePivots","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"bike1RearAxleLink = bikes[0].rearAxleLink","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"bike1CogHeight = bikes[0].cogHeight","pinned":false,"hidden":false,"mode":"ojs"},{"id":263,"value":"bike1ShockLink1 = bikes[0].shockLink1","pinned":false,"hidden":false,"mode":"ojs"},{"id":269,"value":"bike1ShockLink2 = bikes[0].shockLink2","pinned":false,"hidden":false,"mode":"ojs"},{"id":274,"value":"bike1ImageShockDetails = bikes[0].imageShockDetails","pinned":false,"hidden":false,"mode":"ojs"},{"id":278,"value":"bike1CassetteSize = bikes[0].cassetteSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":282,"value":"bike1ImageBB = bikes[0].imageBB","pinned":false,"hidden":false,"mode":"ojs"},{"id":286,"value":"bike1ChainringSize = bikes[0].chainringSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":357,"value":"md`### Import bike 2`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"import {viewof databaseBike as databaseBike2} with {} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":100,"value":"import {databaseQueryString as databaseQueryString2} with {databaseBike2 as databaseBike} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":363,"value":"import {\n imageScale as imageScale2,\n shockLength as shockLength2,\n minShockLength as minShockLength2,\n pivotPaths as pivotPaths2\n} with {\n bike2WheelSize as wheelSize, \n bike2ImageWheels as imageWheels, \n bike2ImagePivots as imagePivots, \n bike2RearAxleLink as rearAxleLink, \n bike2CogHeight as cogHeight, \n bike2ShockLink1 as shockLink1, \n bike2ShockLink2 as shockLink2, \n bike2ImageShockDetails as imageShockDetails,\n bike2CassetteSize as cassetteSize,\n bike2ChainringSize as chainringSize,\n bike2ImageBB as imageBB\n} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":365,"value":"bike2WheelSize = bikes[1].wheelSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":367,"value":"bike2ImageWheels = bikes[1].imageWheels","pinned":false,"hidden":false,"mode":"ojs"},{"id":370,"value":"bike2ImagePivots = bikes[1].imagePivots","pinned":false,"hidden":false,"mode":"ojs"},{"id":372,"value":"bike2RearAxleLink = bikes[1].rearAxleLink","pinned":false,"hidden":false,"mode":"ojs"},{"id":379,"value":"bike2CogHeight = bikes[1].cogHeight","pinned":false,"hidden":false,"mode":"ojs"},{"id":382,"value":"bike2ShockLink1 = bikes[1].shockLink1","pinned":false,"hidden":false,"mode":"ojs"},{"id":385,"value":"bike2ShockLink2 = bikes[1].shockLink2","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"bike2ImageShockDetails = bikes[1].imageShockDetails","pinned":false,"hidden":false,"mode":"ojs"},{"id":391,"value":"bike2CassetteSize = bikes[1].cassetteSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"bike2ImageBB = bikes[1].imageBB","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"bike2ChainringSize = bikes[1].chainringSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1108,"value":"md`### Import bike 3`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1114,"value":"import {viewof databaseBike as databaseBike3} with {} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1126,"value":"import {databaseQueryString as databaseQueryString3} with {databaseBike3 as databaseBike} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1135,"value":"import {\n imageScale as imageScale3,\n shockLength as shockLength3,\n minShockLength as minShockLength3,\n pivotPaths as pivotPaths3\n} with {\n bike3WheelSize as wheelSize, \n bike3ImageWheels as imageWheels, \n bike3ImagePivots as imagePivots, \n bike3RearAxleLink as rearAxleLink, \n bike3CogHeight as cogHeight, \n bike3ShockLink1 as shockLink1, \n bike3ShockLink2 as shockLink2, \n bike3ImageShockDetails as imageShockDetails,\n bike3CassetteSize as cassetteSize,\n bike3ChainringSize as chainringSize,\n bike3ImageBB as imageBB\n} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1144,"value":"bike3WheelSize = bikes[2].wheelSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1150,"value":"bike3ImageWheels = bikes[2].imageWheels","pinned":false,"hidden":false,"mode":"ojs"},{"id":1161,"value":"bike3ImagePivots = bikes[2].imagePivots","pinned":false,"hidden":false,"mode":"ojs"},{"id":1171,"value":"bike3RearAxleLink = bikes[2].rearAxleLink","pinned":false,"hidden":false,"mode":"ojs"},{"id":1180,"value":"bike3CogHeight = bikes[2].cogHeight","pinned":false,"hidden":false,"mode":"ojs"},{"id":1189,"value":"bike3ShockLink1 = bikes[2].shockLink1","pinned":false,"hidden":false,"mode":"ojs"},{"id":1198,"value":"bike3ShockLink2 = bikes[2].shockLink2","pinned":false,"hidden":false,"mode":"ojs"},{"id":1207,"value":"bike3ImageShockDetails = bikes[2].imageShockDetails","pinned":false,"hidden":false,"mode":"ojs"},{"id":1216,"value":"bike3CassetteSize = bikes[2].cassetteSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1225,"value":"bike3ImageBB = bikes[2].imageBB","pinned":false,"hidden":false,"mode":"ojs"},{"id":1234,"value":"bike3ChainringSize = bikes[2].chainringSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1109,"value":"md`### Import bike 4`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1115,"value":"import {viewof databaseBike as databaseBike4} with {} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1127,"value":"import {databaseQueryString as databaseQueryString4} with {databaseBike4 as databaseBike} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1136,"value":"import {\n imageScale as imageScale4,\n shockLength as shockLength4,\n minShockLength as minShockLength4,\n pivotPaths as pivotPaths4\n} with {\n bike4WheelSize as wheelSize, \n bike4ImageWheels as imageWheels, \n bike4ImagePivots as imagePivots, \n bike4RearAxleLink as rearAxleLink, \n bike4CogHeight as cogHeight, \n bike4ShockLink1 as shockLink1, \n bike4ShockLink2 as shockLink2, \n bike4ImageShockDetails as imageShockDetails,\n bike4CassetteSize as cassetteSize,\n bike4ChainringSize as chainringSize,\n bike4ImageBB as imageBB\n} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1145,"value":"bike4WheelSize = bikes[3].wheelSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1151,"value":"bike4ImageWheels = bikes[3].imageWheels","pinned":false,"hidden":false,"mode":"ojs"},{"id":1163,"value":"bike4ImagePivots = bikes[3].imagePivots","pinned":false,"hidden":false,"mode":"ojs"},{"id":1172,"value":"bike4RearAxleLink = bikes[3].rearAxleLink","pinned":false,"hidden":false,"mode":"ojs"},{"id":1181,"value":"bike4CogHeight = bikes[3].cogHeight","pinned":false,"hidden":false,"mode":"ojs"},{"id":1190,"value":"bike4ShockLink1 = bikes[3].shockLink1","pinned":false,"hidden":false,"mode":"ojs"},{"id":1199,"value":"bike4ShockLink2 = bikes[3].shockLink2","pinned":false,"hidden":false,"mode":"ojs"},{"id":1208,"value":"bike4ImageShockDetails = bikes[3].imageShockDetails","pinned":false,"hidden":false,"mode":"ojs"},{"id":1217,"value":"bike4CassetteSize = bikes[3].cassetteSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1226,"value":"bike4ImageBB = bikes[3].imageBB","pinned":false,"hidden":false,"mode":"ojs"},{"id":1235,"value":"bike4ChainringSize = bikes[3].chainringSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1111,"value":"md`### Import bike 5`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1117,"value":"import {viewof databaseBike as databaseBike5} with {} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1129,"value":"import {databaseQueryString as databaseQueryString5} with {databaseBike5 as databaseBike} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1138,"value":"import {\n imageScale as imageScale5,\n shockLength as shockLength5,\n minShockLength as minShockLength5,\n pivotPaths as pivotPaths5\n} with {\n bike5WheelSize as wheelSize, \n bike5ImageWheels as imageWheels, \n bike5ImagePivots as imagePivots, \n bike5RearAxleLink as rearAxleLink, \n bike5CogHeight as cogHeight, \n bike5ShockLink1 as shockLink1, \n bike5ShockLink2 as shockLink2, \n bike5ImageShockDetails as imageShockDetails,\n bike5CassetteSize as cassetteSize,\n bike5ChainringSize as chainringSize,\n bike5ImageBB as imageBB\n} from \"@johnwelford/investigating-mountain-bike-rear-suspension\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1147,"value":"bike5WheelSize = bikes[4].wheelSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1153,"value":"bike5ImageWheels = bikes[4].imageWheels","pinned":false,"hidden":false,"mode":"ojs"},{"id":1165,"value":"bike5ImagePivots = bikes[4].imagePivots","pinned":false,"hidden":false,"mode":"ojs"},{"id":1174,"value":"bike5RearAxleLink = bikes[4].rearAxleLink","pinned":false,"hidden":false,"mode":"ojs"},{"id":1183,"value":"bike5CogHeight = bikes[4].cogHeight","pinned":false,"hidden":false,"mode":"ojs"},{"id":1193,"value":"bike5ShockLink1 = bikes[4].shockLink1","pinned":false,"hidden":false,"mode":"ojs"},{"id":1201,"value":"bike5ShockLink2 = bikes[4].shockLink2","pinned":false,"hidden":false,"mode":"ojs"},{"id":1210,"value":"bike5ImageShockDetails = bikes[4].imageShockDetails","pinned":false,"hidden":false,"mode":"ojs"},{"id":1219,"value":"bike5CassetteSize = bikes[4].cassetteSize","pinned":false,"hidden":false,"mode":"ojs"},{"id":1228,"value":"bike5ImageBB = bikes[4].imageBB","pinned":false,"hidden":false,"mode":"ojs"},{"id":1237,"value":"bike5ChainringSize = bikes[4].chainringSize","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}