2f:T471,chart = { const prev = (arr, index) => arr[cumulative ? Math.max(index - 1, 0) : 0]; return Plot.plot({ marginLeft: 80, color: { scheme: "Turbo", domain: [10, 20000], type: "log" }, x: { type: "log", anchor: "top", clamp: true, domain: [10, 40000] }, y: { domain: steps.map((d) => d.operation), label: null, tickFormat: (d) => (d ? d : "Base") }, grid: true, marks: [ Plot.frame(), Plot.tickX(steps, { x: "hz", y: "operation", tip: true }), Plot.ruleX(steps, { y2: "operation", y1: (d, i, arr) => cumulative ? prev(arr, i)["operation"] : d.operaation, strokeOpacity: 0.4, x: (d, i, arr) => prev(arr, i)["hz"] }), Plot.rectX(steps, { x1: (d, i, arr) => prev(arr, i)["hz"], x2: "hz", y: "operation", fill: "black", fillOpacity: 0.1 }), Plot.arrow(steps, { x1: (d, i, arr) => prev(arr, i)["hz"], x2: "hz", y: "operation", strokeOpacity: 0.2, insetEnd: 2 }) ] }); }30:[] 2d:{"title":"Pitch / Frequency Shifting","cells":[{"id":0,"value":"# Pitch / Frequency Shifting\nusing `pitch-utils`","pinned":false,"hidden":false,"mode":"md"},{"id":299,"value":"viewof button1 = Inputs.button([\n [\n \"Reset all\",\n () => {\n set(viewof form.baseHz, 440);\n set(viewof form.ratioNumerator, 1);\n set(viewof form.ratioDenominator, 1);\n set(viewof form.semitones, 0);\n set(viewof form.cents, 0);\n set(viewof form.hzOffset, 0);\n }\n ]\n])","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"viewof cumulative = Inputs.toggle({ label: \"Cumulative operations\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"viewof form = Inputs.form({\n baseHz: Inputs.range([6, 22000], {\n label: \"Base Hz\",\n value: 440,\n transform: Math.log\n }),\n numerator: Inputs.range([1, 64], {\n label: \"Numerator\",\n value: 1,\n step: 1,\n transform: Math.log\n }),\n denominator: Inputs.range([1, 64], {\n label: \"Denominator\",\n value: 1,\n step: 1,\n transform: Math.log\n }),\n semitones: Inputs.range([-48, 48], {\n label: \"+ Semitones\",\n step: 1,\n value: 7\n }),\n cents: Inputs.range([-1200, 1200], {\n label: \"+ Cents\",\n step: 1,\n value: 700\n }),\n hzOffset: Inputs.range([-200, 200], {\n label: \"+ Hz\",\n step: 1,\n value: 700\n })\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":102,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":257,"value":"\n\n \n \n \n \n \n \n \n ${steps.map(step => (\n `\n \n \n \n \n \n `\n ))}\n \n

Step	Frequency	MIDI	Note	Detune
${step.operation}	${pitchUtils.formatHz(step.hz)}	${(step.pitch.midi)}	${step.pitch.noteName}${step.pitch.octave}	${step.pitch.detuning ? `(${step.pitch.detuning > 0 ? \"+\" : \"-\"}${Math.abs(step.pitch.detuning)}ct)` : \"\"}

\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":76,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":104,"value":"steps = [\n {\n label: \"base\",\n hz: form.baseHz,\n pitch: new pitchUtils.Pitch({hz: form.baseHz}),\n operation: ``\n },\n {\n label: \"ratio\",\n hz: afterRatio,\n pitch: new pitchUtils.Pitch({hz: afterRatio}),\n operation: `×${form.numerator}∶${form.denominator}`\n },\n {\n label: \"semitones\",\n hz: afterSemitones,\n pitch: new pitchUtils.Pitch({hz: afterSemitones}),\n operation: `${(form.semitones >= 0 ? \"+\" : \"\") + form.semitones}st`\n },\n {\n label: \"cents\",\n hz: afterCents,\n pitch: new pitchUtils.Pitch({hz: afterCents}),\n operation: `${(form.cents >= 0 ? \"+\" : \"\") + form.cents}ct`\n },\n {\n label: \"Hz\",\n hz: outputHz,\n pitch: new pitchUtils.Pitch({hz: outputHz}),\n operation: `${form.hzOffset >= 0 ? \"+\" : \"\"}${pitchUtils.formatHz(\n form.hzOffset\n )}`\n }\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"afterRatio = pitchUtils.ratioToHz(\n form.numerator / form.denominator,\n form.baseHz\n)\n// yes, you could just multiply the hz by the ratio if you want","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"afterSemitones = pitchUtils.semitonesToHz(\n form.semitones,\n cumulative ? afterRatio : form.baseHz\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"afterCents = pitchUtils.centsToHz(\n form.cents,\n cumulative ? afterSemitones : form.baseHz\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":85,"value":"outputHz = (cumulative ? afterCents : form.baseHz) + form.hzOffset","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"note = pitchUtils.hzToNoteObject(outputHz)","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"pitchUtils = import(\"https://cdn.jsdelivr.net/npm/pitch-utils@0.5.0\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"import { Tangle } from \"@mbostock/tangle\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":302,"value":"import { set } from \"@observablehq/synchronized-inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"2","titling":"auto"}