29:null 2a:["$","title",null,{"children":"Amplitude, Frequency, and Phase Shift | Charles Redmond | Observable"}] 2f:T554,{ const svgDims = [900,500] const svg = d3.select(DOM.svg(svgDims[0],svgDims[1])).attr("style","background:white;border:1px solid white") //scales and axes const xScale = d3.scaleLinear().domain([-2,7]).range([30,870]) const yScale = d3.scaleLinear().domain([-10,10]).range([470,30]) const xAxis = svg.append("g").attr("transform","translate(0,250)").call(d3.axisBottom(xScale)) const yAxis = svg.append("g").attr("transform",`translate(${xScale(0)},0)`).call(d3.axisLeft(yScale).ticks(10)) const pathData = d3.line().x(d => xScale(d)).y(d => yScale(A*sin(B*(d-C))))(data) const periodData = d3.line().x(d => xScale(d)).y(d => yScale(A*sin(B*(d-C))))(data.filter(d => d >= C && d<=p + C)) const intervalData = d3.line().x(d => xScale(d)).y(d => yScale(A*sin(B*(d-C))))(data.filter(d => d >= C && d<=1 + C)) svg.append("path") .attr("d",pathData) .attr("stroke","black") .attr("fill","none") svg.append("path") .attr("d",intervalData) .attr("stroke",colors[1]) .attr("fill","none") .attr("stroke-width",3) const pdPath = svg.append("path") .attr("d",periodData) .attr("stroke","cornflowerblue") .attr("fill","none") .attr("stroke-width",3) .attr("opacity",() => { if(toggle){ return 1 } else{return -1} }) yield svg.node() } 30:[] 2d:{"id":"4a1c6bb6a614860a","slug":"amplitude-frequency-and-phase-shift","title":"Amplitude, Frequency, and Phase Shift","thumbnail":"dbc0aaad4464581adb0f515502b093ff0817a94e53281a353c42689d59c02cfa","access_level":"public","create_time":"$D2020-05-27T16:22:18.542Z","update_time":"$D2020-05-28T15:43:22.083Z","view_time":null,"first_public_time":"$D2020-05-27T19:11:30.089Z","has_unpublished_edits":null,"fork":{"id":"0974e5ae7532cd9b","slug":"sine-and-cosine","title":"Sine and Cosine","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"stars":2,"starred":false,"owner":{"type":"team","id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":"starter_2024"},"version":1505,"publish_version":1505,"role":null,"authored":false,"authors":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null}],"members":[{"type":"individual","id":"37a987477e8b6db3","login":"credmond","name":"Charles Redmond","avatar_url":"https://avatars-next.observableusercontent.com/50425ed9f407a7b47d1c471a09963f335e0652ab9acc237869e2d7949fb04a77","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"d3efbe39d1eb29fb","slug":"functions","title":"Functions","owner":{"id":"66151b62b45d9fca","login":"credmond","name":"Charles Redmond"}},"type":"notebook","body":{"title":"Amplitude, Frequency, and Phase Shift","cells":[{"id":0,"value":"md`# Amplitude, Frequency, and Phase Shift`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1487,"value":"tex`y = \\color{tomato}A\\color{black}\\sin(\\color{cornflowerblue}B\\color{black}(x\\color{black}-\\color{${colors[4]}}C\\color{black}))`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1354,"value":"tex`\\color{tomato}\\text{Amplitude} = A = ${A}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1358,"value":"tex`\\color{${colors[4]}}\\text{Phase Shift} = C = ${d3.format(\".2f\")(C)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1363,"value":"tex`\\color{cornflowerblue}\\text{Period} = 2\\pi/B = ${d3.format(\".2f\")(2*Math.PI/B)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"tex`\\color{${colors[1]}}\\text{Frequency} = 1/\\text{Period} = ${d3.format(\".2f\")(B/(2*Math.PI))}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1455,"value":"{\n if(A == 0){var p1 = 0}\n else if(A == 1){var p1 = ``}\n else{var p1 = A}\n \n if(C == 0){var p2 = `x`}\n else if(C < 0){var p2 = `x + ${-C}`}\n else{var p2 = `x - ${C}`}\n \n if(B == 0 || A == 0){return tex`y = 0`}\n else if(B == 1){return tex`y = ${p1}\\sin(${p2})`}\n else if(C == 0){return tex`y = ${p1}\\sin(${B}${p2})`}\n else{return tex`y = ${p1}\\sin(${B}(${p2}))`}\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1318,"value":"viewof A = slider({max:10,step:1,value:1,description:\"set A\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1337,"value":"viewof B = slider({max:50,value:1,step:1,description:\"set B\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1328,"value":"viewof C = slider({min:-2,max:7,value:0,step:1,description:\"set C\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1446,"value":"viewof b = button({value:\"show/hide period\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":368,"value":"html`

Variables and Code

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":945,"value":"data = {\n const data = []\n for(let i = -30;i <=30;i=i+.01){\n data.push(i)\n }\n return data\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1006,"value":"colors = [\"#4e79a7\",\"#f28e2c\",\"#e15759\",\"#76b7b2\",\"#59a14f\",\"#edc949\",\"#af7aa1\",\"#ff9da7\",\"#9c755f\",\"#bab0ab\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1343,"value":"p = 2*Math.PI/B","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1442,"value":"toggle = {\n b\n return !this\n\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"html`

Libraries

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"import {slider,button,select,text,radio,checkbox,number} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":801,"value":"stdlib = require( \"https://unpkg.com/@stdlib/stdlib@0.0.32/dist/stdlib-flat.min.js\" )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":799,"value":"sin = stdlib.base.sin","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":803,"value":"cos = stdlib.base.cos","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":848,"value":"math = require('mathjs@6.2.1/dist/math.js')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"