29:null 2a:["$","title",null,{"children":"Bouncy Bars | Daniel Kao | Observable"}] 2f:T487,chart3 = html` `30:T4dc,chart2 = html` `31:T184f,raceChart = { return htl.html` `; }32:T451,viewof raceStatus = Inputs.form( Array.apply(null, Array(numCandidates)).map((c, i) => Inputs.form( { votes: Inputs.range([1, 5000], { step: 1, value: d3.randomInt(1000, 2000)(), label: `Candidate ${i + 1} Votes` }), expectedVotes: Inputs.range([300, 5000], { value: d3.randomInt(3000, 4000)(), step: 10, label: `Candidate ${i + 1} Expected Votes` }), expectedRange: Inputs.range([0, 1000], { value: d3.randomInt(50, 300)(), step: 10, label: `Candidate ${i + 1} Expected Range` }), color: Inputs.color({ value: `#${Math.floor(Math.random() * 16777215).toString(16)}`, label: `Candidate ${i + 1} Color` }) }, { template: (d) => html`

Candidate ${i + 1}

${d.votes}${d.expectedVotes}${d.expectedRange}${d.color}

` } ) ) )33:[] 2d:{"id":"121833438d9c6ca5","slug":null,"title":"Bouncy Bars","thumbnail":"8da9ad95f021e4ddc5af766d1655478710421cb39259889da1f20c1e67ca9129","access_level":"public","create_time":"$D2023-05-02T18:45:31.476Z","update_time":"$D2023-05-08T15:44:47.708Z","view_time":null,"first_public_time":"$D2023-05-02T18:45:31.476Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"f0480f693b052c0e","login":"dkaoster","name":"Daniel Kao","avatar_url":"https://avatars-next.observableusercontent.com/fc2a680e9df101d9ad07dcd29fe1dab019a14b0c0d0605bb06d690279e453dd6","tier":"starter_2024"},"version":373,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2984589d082968dc","login":"dkaoster","name":"Daniel Kao","avatar_url":"https://avatars-next.observableusercontent.com/fc2a680e9df101d9ad07dcd29fe1dab019a14b0c0d0605bb06d690279e453dd6","tier":null}],"members":[{"type":"individual","id":"2984589d082968dc","login":"dkaoster","name":"Daniel Kao","avatar_url":"https://avatars-next.observableusercontent.com/fc2a680e9df101d9ad07dcd29fe1dab019a14b0c0d0605bb06d690279e453dd6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Bouncy Bars","cells":[{"id":0,"value":"# Bouncy Bars","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"chart = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"chart1 = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":143,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"viewof countedVotes = Inputs.range([0, 3000], {\n value: 1000,\n step: 10,\n label: \"Counted Votes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"viewof expectedRange = Inputs.range([0, 500], {\n value: 100,\n step: 10,\n label: \"Expected Range\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"viewof expectedVotes = Inputs.range([countedVotes, 3000], {\n value: 2500,\n step: 10,\n label: \"Expected Votes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"viewof color = Inputs.color({\n value: `#${Math.floor(Math.random() * 16777215).toString(16)}`,\n label: \"Color\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"---\n## Bouncy Bars in a Race","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":211,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":159,"value":"viewof numCandidates = Inputs.range([2, 7], {\n value: 3,\n step: 1,\n label: \"Number of Candidates\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"voteRange = d3\n .scaleLinear()\n .domain([0, expectedVotes + expectedRange * 2])\n .range([0, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"height = 50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"nameOffset = 110","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"tickOffset = {\n let tickDirection = 2;\n let i = 0;\n while (true) {\n yield Promises.delay(1, (i += tickDirection));\n if (i >= expectedRange || i <= -expectedRange) tickDirection *= -1;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"raceTickOffset = {\n let tickDirection = 0.1;\n let i = 0;\n while (true) {\n yield Promises.delay(1, (i += tickDirection));\n if (i >= 1 || i <= -1) tickDirection *= -1;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"raceExpectedTotalVotes = raceStatus.reduce(\n (acc, { expectedVotes }) => acc + expectedVotes,\n 0\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"raceTotalVotes = raceStatus.reduce((acc, { votes }) => acc + votes, 0)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"raceMaxExpectedVotes = d3.max(raceStatus, (d) => d.expectedVotes * 1.1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"raceScale = d3\n .scaleLinear()\n .domain([0, raceMaxExpectedVotes])\n .range([nameOffset, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"racePercentageScale = d3\n .scaleLinear()\n .domain([0, Math.min(maxRacePercentage + 0.1, 1)])\n .range([0, width])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"maxRacePercentage = d3.max([\n ...raceStatus.map((d) => d.votes / raceTotalVotes),\n ...raceStatus.map((d) => d.expectedVotes / raceExpectedTotalVotes)\n])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":311,"value":"mutable currentHover = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":314,"value":"setCurrentHover = (hover) => {\n mutable currentHover = hover;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 2e:"$2d:body"