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:{"title":"Bouncy Bars","cells":[{"id":0,"value":"# Bouncy Bars","pinned":false,"hidden":false,"mode":"md"},{"id":7,"value":"chart = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"chart1 = html`\n \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":143,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"id":150,"value":"---\n## Bouncy Bars in a Race","pinned":false,"hidden":false,"mode":"md"},{"id":211,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":155,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"voteRange = d3\n .scaleLinear()\n .domain([0, expectedVotes + expectedRange * 2])\n .range([0, width])","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"height = 50","pinned":false,"hidden":false,"mode":"ojs"},{"id":265,"value":"nameOffset = 110","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":187,"value":"raceExpectedTotalVotes = raceStatus.reduce(\n (acc, { expectedVotes }) => acc + expectedVotes,\n 0\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":193,"value":"raceTotalVotes = raceStatus.reduce((acc, { votes }) => acc + votes, 0)","pinned":false,"hidden":false,"mode":"ojs"},{"id":253,"value":"raceMaxExpectedVotes = d3.max(raceStatus, (d) => d.expectedVotes * 1.1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"raceScale = d3\n .scaleLinear()\n .domain([0, raceMaxExpectedVotes])\n .range([nameOffset, width])","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":311,"value":"mutable currentHover = null","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"setCurrentHover = (hover) => {\n mutable currentHover = hover;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}