2f:null 30:["$","title",null,{"children":"Convert Units for Cooking, Baking, and Recipes | Michael Bricknell | Observable"}] 35:[] 33:{"id":"44e655657ca635bf","slug":"convert-units-for-cooking-baking-and-recipes","title":"Convert Units for Cooking, Baking, and Recipes","thumbnail":"3965d72fbf25832146aa3c94f6bb54a6b2d2f27f826f6cd9f047c990fc4d8a70","access_level":"public","create_time":"$D2021-04-21T12:32:59.365Z","update_time":"$D2024-04-11T13:54:04.697Z","view_time":null,"first_public_time":"$D2021-04-22T14:02:10.527Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"aa36944c9e64c088","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/2f0578a8eeb34ee1c8a3bd6be41477c4bc13989c0c53551154178a64c9f2945f","tier":"pro_2024"},"version":5357,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null}],"members":[{"type":"individual","id":"8a8aec8a4dd1da2d","login":"mbrickmaps","name":"Michael Bricknell","avatar_url":"https://avatars-next.observableusercontent.com/669d4a33f00b7dbf619507bedb374f580b5457ee3c0717ba47d37e4869518958","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Convert Units for Cooking, Baking, and Recipes","cells":[{"id":0,"value":"md`# Convert Units for Cooking, Baking, and Recipes`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4868,"value":"html`I'm bad at visualizing fractions, converting fractions, and if i'm in the kitchen reading a recipe all I see are fractions. Most of the time I can only find my ¼ teaspoon measure when I need to measure 1 tablespoon or I don't want to make 2 dozen biscuits, but how do I quickly get a similar result (is 1/4 close to 5/16), I don't know ¯\\\\_(ツ)_/¯, math is hard, I don't want to think too much. So let the computer do it.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":482,"value":"html`\nI wanted a simple way to quickly convert measurements when making recipes smaller or larger while not having to look up conversions.\n
\n
\nThe inital issue I've run into is trying to understand mutability within Obserable.\nThere was an issue of circular dependency, I was wanting one slider to control all the other sliders within each section below, but it would only work in one direction. I could only slide the top slider to control the next one and not slide the second slider to control the first.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4879,"value":"html `I have always wondered what is the differece between a fluid ounce and an ounce? They are not interchangeable since they are different types of measurement. One is a measurement of Mass and the other a measurement of Volume.
1 cup of flour and 1 cup of sugar have different masses but the same volume of 1 cup.
flour 1/4c = 30g, 30*4 = 120g
sugar 1 teaspoon(4g), 1 cup = 48 teaspoons, 48 * 4 = 192g
`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"md`## Mass \nMass is how much stuff something is made of.\nWeight can change based on the available gravitational force.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"convert().from('g').possibilities()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4358,"value":"md`\n#### Quick conversions\n- ${convert(1).from('oz').to('g')} grams in 1 ounce\n- ${convert(1).from('lb').to('g')} grams in 1 lbs\n- ${convert(1).from('lb').to('oz')} oz in 1 lbs\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1349,"value":"md`### mutable values`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":498,"value":"mutable value1 = 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":872,"value":"mutable unit1 = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"md`set max unit value of the largest unit to be the max range of other sliders\n
${maxM}kg is the max unit range and converted for each slider.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"maxM = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"md`### adjust slider or input value to convert between units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"viewof milligram = Range([0, convert(maxM).from('kg').to('mg')], {value: mutable value1, step: 0.01, label: \"milligram (mg)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"viewof gram = Range([0, convert(maxM).from('kg').to('g')], {value: mutable value1, step: 0.01, label: \"grams (g)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":79,"value":"viewof pounds = Range([0, convert(maxM).from('kg').to('lb')], {value: mutable value1, step: 0.001, label: \"pounds (lb)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"viewof ounce = Range([0, convert(maxM).from('kg').to('oz')], {value: mutable value1, step: 0.01, label: \"ounce (oz)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":85,"value":"viewof kilogram = Range([0, 10], {value: mutable value1, step: 0.001, label: \"kilograms (kg)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":235,"value":"md `### Output`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"viewof factor1 = Range([0.25, 5], {value: 1, step: 0.01, label: \"multiply\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":889,"value":"v = md `${factor1}x ${value1} ${unit1} = ${(value1 * factor1).toFixed(2)} ${unit1}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5077,"value":"scaleFraction = html`Display actual fraction and rounded fraction to nearest ${returnFractionHTML(1,16)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4437,"value":"scaleOutput = { \n const scale = d3.scaleLinear()\n .range([10, width - 32])\n .domain([0,1])\n \n const svg = d3.create(\"svg\")\n .attr(\"viewBox\", [0, -4, width, 36])\n\n svg.append(\"g\")\n .call(d3.axisBottom(scale).tickValues([0/16, 1/16, 2/16, 3/16, 4/16, 5/16, 6/16, 7/16, 8/16, 9/16, 10/16, 11/16, 12/16, 13/16, 14/16, 15/16, 16/16]))\n\n svg.selectAll('text').each(function(d,i){\n d3.select(this).html(returnFractionSVG(new Fraction(+(d)))).attr('transform','translate(0,5)')\n })\n\n \n svg.append(\"circle\").attr('r', 4)\n .data([f.numerator / f.denominator])\n .style('fill', 'orange')\n .attr('cx', function(d) {\n\t\treturn scale(d);\n\t});\n\n svg.append(\"circle\").attr('r', 4)\n .data([fr.numerator/fr.denominator])\n .style('fill', 'green')\n .attr('cx', function(d) {\n\t\treturn scale(d);\n\t});\n\n return svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4377,"value":"fraction = new Fraction(+(value1 * factor1) % 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4423,"value":"html `${factor1}x ${value1} ${unit1} = ${Math.floor((value1 * factor1))} ${returnFractionHTML(f.numerator,f.denominator)} ${unit1}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5021,"value":"html`${factor1}x ${value1} ${unit1} = ${Math.floor((value1 * factor1))} ${returnFractionHTML(fr.numerator,fr.denominator)} ${unit1}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4943,"value":"left = Math.floor((value1 * factor1))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4946,"value":"right = ((value1 * factor1) % 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4986,"value":"f = new Fraction((right * factor1) % 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4958,"value":"// not quite working as I think it should\nroundedFraction = {\n const fractions = [0, 1/16, 2/16, 3/16, 4/16, 5/16, 6/16, 7/16, 8/16, 9/16, 10/16, 11/16, 12/16, 13/16, 14/16, 15/16, 16/16],\n interpolator = d3.interpolateDiscrete(fractions);\n return interpolator(right);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5022,"value":"fr = new Fraction((roundedFraction * factor1) % 1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4501,"value":"function returnFractionHTML (n,d) {\n if (n === d || n === 0) {\n return ''\n } else {\n return `^${n}⁄_${d}`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4645,"value":"function returnFractionSVG (n) {\n let top = n.numerator\n let bottom = n.denominator\n if (top === 0) {\n return `0`\n }\n else if (top === 1 && bottom === 1) {\n return `1`\n } else {\n return `${top}⁄${bottom}`\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5095,"value":"2/3","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5165,"value":"new Fraction(parseFloat(2/3))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5097,"value":"((0.2 / 0.3) * 10.0) / 10.0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5108,"value":"0.2 + 0.1; ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5133,"value":"(0.2 + 0.1).toFixed(3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5161,"value":"((0.2 / 100) * (0.3 / 100)) * 100","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5217,"value":"function highestCommonFactor(a,b) {\n if (b==0) return a;\n return highestCommonFactor(b,a%b);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5220,"value":"function fractionDecimal(decimal){\nvar decimal = decimal.toString()\nvar decimalArray = decimal.split(\".\");\nvar leftDecimalPart = decimalArray[0]; // 1\nvar rightDecimalPart = decimalArray[1]; // 75\n\nvar numerator = leftDecimalPart + rightDecimalPart // 175\nvar denominator = Math.pow(10,rightDecimalPart.length); // 100\nvar factor = highestCommonFactor(numerator, denominator); // 25\ndenominator /= factor;\nnumerator /= factor;\nreturn [decimal, numerator, denominator]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5312,"value":"fractionDecimal(2/3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5315,"value":"fractionDecimal('0.666666666666666666666666')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5325,"value":"('0.666666666666666666666666').split('.')[1].length","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5328,"value":"+(2/3).toFixed(24)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5337,"value":"fractionDecimal(2/3)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1131,"value":"md`***`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"md`## Volume\nVolume is how much space an object takes up\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"convert().from('l').possibilities()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"md`\n#### Quick conversions\n- A tablespoon is a unit of measure equal to 1/16 cup, 3 teaspoons, or 1/2 fluid ounce\n- ${convert(1).from('Tbs').to('tsp')} teaspoon to 1 Tablespoon\n- ${convert(1).from('cup').to('Tbs')} Tablespoon to 1 cup\n- ${convert(0.75).from('cup').to('Tbs')} Tablespoon to 0.75 cup\n- ${convert(0.5).from('cup').to('Tbs')} Tablespoon to 0.5 cup\n- ${convert(0.3).from('cup').to('Tbs')} Tablespoon to 0.3 cup\n- ${convert(0.25).from('cup').to('Tbs')} Tablespoon to 0.25 cup\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1218,"value":"md`## Input for minor measurements`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4313,"value":"md`#### mutable values`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"mutable value2 = 1","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":913,"value":"mutable unit2 = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1226,"value":"md`### adjust slider or input value to convert between units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4367,"value":"md`set max unit value of the largest unit to be the max range of other sliders\n
${maxV}c is the max unit range and converted for each slider.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":839,"value":"maxV = 4","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":375,"value":"viewof teaspoon = Range([0, convert(maxV).from('cup').to('tsp')], {value: mutable value2, step: 0.25, label: \"teaspoon (tsp)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":385,"value":"viewof tablespoon = Range([0, convert(maxV).from('cup').to('Tbs')], {value: mutable value2, step: 0.01\n , label: \"tablespoon (Tbs)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"viewof floz = Range([0, convert(maxV).from('cup').to('fl-oz')], {value: mutable value2, step: 0.1, label: \"fluid ounce (oz)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"viewof cup = Range([0, maxV], {value: mutable value2, step: 0.1, label: \"cup (c)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1206,"value":"md`## Output`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1231,"value":"md`### adjust slider or input value to divide or multiply between units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":447,"value":"viewof factor2 = Range([0.25, 5], {value: 1, step: 0.25, label: \"multiply\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":902,"value":"md `${factor2}x ${value2} ${unit2} = ${(value2 * factor2).toFixed(2)} ${unit2}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1222,"value":"md`***`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1215,"value":"md`## Input for larger measurements`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4308,"value":"md`#### mutable values`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1145,"value":"mutable unit3 = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1143,"value":"mutable value3 = ''","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"md`### adjust slider or input value to convert between units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":390,"value":"viewof cup2 = Range([0, 16], {value: mutable value3, step: 0.1, label: \"cup (c)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":411,"value":"viewof pint = Range([0, 8], {value: mutable value3, step: 0.01, label: \"pint (pt)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"viewof quart = Range([0, 4], {value: mutable value3 , step: 0.01, label: \"quart (qt)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":420,"value":"viewof gallon = Range([0, 1], {value: mutable value3, step: 0.01, label: \"gallon (gal)\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":470,"value":"md`## Output`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1234,"value":"md`### adjust slider or input value to divide or multiply between units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"viewof factor3 = Range([0.25, 5], {value: 1, step: 0.25, label: \"multiply\", width:400})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1195,"value":"md `${factor3}x ${value3} ${unit3} = ${(value3 * factor3).toFixed(2)} ${unit3}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4303,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4301,"value":"md`# Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4439,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4371,"value":"Fraction = require('fractional@1.0.0/index.js').catch(() => window[\"Fraction\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"convert = require('https://bundle.run/convert-units@2.3.4')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1365,"value":"md`https://github.com/ben-ng/convert-units`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1360,"value":"md`Copyright (c) 2013-2017 Ben Ng and Contributors, http://benng.me`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"import {Button, Checkbox, Toggle, Radio, Range, Select, Text, Textarea, Search, Table} from \"@observablehq/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1372,"value":"md`I'm Unsure how to make this a simple implementation, I tried to combine these into one cell but might have been done incorrectly so I will keep them seperate for now.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1396,"value":"md`Conversions when using milligram slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":496,"value":"{\n if (milligram !== mutable value1) {\n mutable value1 = milligram;\n mutable unit1 = 'mg' \n viewof gram.value = convert(milligram).from('mg').to('g');\n viewof pounds.value = convert(milligram).from('mg').to('lb');\n viewof ounce.value = convert(milligram).from('mg').to('oz');\n viewof kilogram.value = convert(milligram).from('mg').to('kg');\n \n }\n} ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1400,"value":"md`Conversions when using gram slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":709,"value":"{\n if (gram !== mutable value1) {\n mutable value1 = gram;\n mutable unit1 = 'g'\n viewof milligram.value = convert(gram).from('g').to('mg');\n viewof pounds.value = convert(gram).from('g').to('lb');\n viewof ounce.value = convert(gram).from('g').to('oz');\n viewof kilogram.value = convert(gram).from('g').to('kg');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1403,"value":"md`Conversions when using pounds slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":711,"value":"{ if (pounds !== mutable value1) {\n mutable value1 = pounds;\n mutable unit1 = 'lb'\n viewof milligram.value = convert(pounds).from('lb').to('mg');\n viewof gram.value = convert(pounds).from('lb').to('g');\n viewof ounce.value = convert(pounds).from('lb').to('oz');\n viewof kilogram.value = convert(pounds).from('lb').to('kg');\n\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1406,"value":"md`Conversions when using ounce slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":713,"value":"{\n if (ounce !== mutable value1) {\n mutable value1 = ounce;\n mutable unit1 = 'oz'\n viewof milligram.value = convert(ounce).from('oz').to('mg');\n viewof gram.value = convert(ounce).from('oz').to('g');\n viewof pounds.value = convert(ounce).from('oz').to('lb');\n viewof kilogram.value = convert(ounce).from('oz').to('kg');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1408,"value":"md`Conversions when using kilogram slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"{\n if (kilogram !== mutable value1) {\n mutable value1 = kilogram;\n mutable unit1 = 'kg'\n viewof milligram.value = convert(kilogram).from('kg').to('mg');\n viewof gram.value = convert(kilogram).from('kg').to('g');\n viewof pounds.value = convert(kilogram).from('kg').to('lb');\n viewof ounce.value = convert(kilogram).from('kg').to('oz');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1417,"value":"md`Conversions when using teaspoon slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":814,"value":"{\nif (teaspoon !== mutable value2) {\n mutable value2 = teaspoon;\n mutable unit2 = 'Tbs'\n viewof tablespoon.value = convert(teaspoon).from('tsp').to('Tbs');\n viewof floz.value = convert(teaspoon).from('tsp').to('fl-oz');\n viewof cup.value = convert(teaspoon).from('tsp').to('cup');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1421,"value":"md`Conversions when using tablespoon slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":816,"value":"{\n if (tablespoon !== mutable value2) {\n mutable value2 = tablespoon;\n mutable unit2 = 'tsp'\n viewof teaspoon.value = convert(tablespoon).from('Tbs').to('tsp');\n viewof floz.value = convert(tablespoon).from('Tbs').to('fl-oz');\n viewof cup.value = convert(tablespoon).from('Tbs').to('cup');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1425,"value":"md`Conversions when using fluid ounce slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":818,"value":"{\n if (floz !== mutable value2) {\n mutable value2 = floz;\n mutable unit2 = 'floz' \n viewof teaspoon.value = convert(floz).from('fl-oz').to('tsp');\n viewof tablespoon.value = convert(floz).from('fl-oz').to('Tbs');\n viewof cup.value = convert(floz).from('fl-oz').to('cup');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1428,"value":"md`Conversions when using cup (smaller values) slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":820,"value":"{\n if (cup !== mutable value2) {\n mutable value2 = cup;\n mutable unit2 = 'cup'\n viewof teaspoon.value = convert(cup).from('cup').to('tsp');\n viewof tablespoon.value = convert(cup).from('cup').to('Tbs');\n viewof floz.value = convert(cup).from('cup').to('fl-oz');\n \n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1430,"value":"md`Conversions when using cup (larger values) slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1155,"value":"{\n if (cup2 !== mutable value3) {\n mutable value3 = cup2;\n mutable unit3 = 'cup'\n viewof pint.value = convert(cup2).from('cup').to('pnt');\n viewof quart.value = convert(cup2).from('cup').to('qt');\n viewof gallon.value = convert(cup2).from('cup').to('gal');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1435,"value":"md`Conversions when using pint slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1159,"value":"{\n if (pint !== mutable value3) {\n mutable value3 = pint;\n mutable unit3 = 'pt'\n viewof cup2.value = convert(pint).from('pnt').to('cup');\n viewof quart.value = convert(pint).from('pnt').to('qt');\n viewof gallon.value = convert(pint).from('pnt').to('gal');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1438,"value":"md`Conversions when using quart slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1160,"value":"{\n if (quart !== mutable value3) {\n mutable value3 = quart;\n mutable unit3 = 'qt'\n viewof cup2.value = convert(quart).from('qt').to('cup');\n viewof pint.value = convert(quart).from('qt').to('pnt');\n viewof gallon.value = convert(quart).from('qt').to('gal');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1441,"value":"md`Conversions when using gallon slider.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1178,"value":"{\n if (gallon !== mutable value3) {\n mutable value3 = gallon;\n mutable unit3 = 'gl'\n viewof cup2.value = convert(gallon).from('gal').to('cup');\n viewof pint.value = convert(gallon).from('gal').to('pnt');\n viewof quart.value = convert(gallon).from('gal').to('qt');\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 34:"$33:body"