31:[] 2f:{"title":"Breakout Room Breaker Outer","cells":[{"id":0,"value":"md`# Breakout Room Breaker Outer\n\nThis template helps you quickly and easily split people into randomized breakout groups, or randomly assign groups to any data. See [**this tutorial**](https://observablehq.com/@observablehq/remote-work-breakout-room-tutorial?collection=@observablehq/observable-templates) for a quick overview of how to use this template.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":424,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"md`*1. Add list of names [below](#team).*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":240,"value":"md`*2. Deselect those not at the meeting (${participants.length} out of ${team.length} selected):*\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":311,"value":"viewof participants = Inputs.checkbox(team, {label: \"Participants\", value: team})","pinned":false,"hidden":false,"mode":"ojs"},{"id":465,"value":"md`
`","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"md`*3. Adjust this slider to break everyone out into a specific number of break-out groups.*\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"viewof n = Inputs.range([2, Math.floor(participants.length / 2)], {label: \"Number of groups\", value: Math.round(Math.sqrt(participants.length)), step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"// is to force a line break when you copy-paste to markdown\noutput = html`

\n${groups.map((d,i) => html`

**Group ${i + 1}** \n

${dd}

`)}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":71,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":218,"value":"md`\n## Names\n\n*Paste the list of names in the cell below!* \n\nBe careful to keep the backtick (\\\\\\`) characters and the code at the end, which turns it into a JavaScript array. The code currently accepts comma-separated and line-separated lists.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":215,"value":"team = `\nTony Stark\nPeter Parker\nSteve Rogers\nBruce Banner\nThor Odinson\nHank Pym\nClint Barton\nPietro Maximoff\nWanda Maximoff\nPeter Quill\nWade Wilson\nMiles Morales\nJames Rhodes\nBucky Barnes\nNatasha Romanoff\nSamuel Wilson\nMonica Rambeau\nScott Lang\nLuke Cage\nJessica Jones\nMatt Murdock\nVictor Shade\nSteven Strange\n`\n .split(/[\\n,]/).filter(name => name.trim().length>0)","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs"},{"id":224,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":399,"value":"md`This notebook uses what’s called a “seeded” random number generator to ensure that different people looking at it at the same time will see the same thing. Each day, a new order team order is set using [\\`d3.randomLcg()\\`](https://observablehq.com/@d3/d3-randomlcg). \n\nWhereas \\`Math.random()\\` would produce a different value for two different viewers of a notebook, \\`d3.randomLcg()\\` will produce the same values to all viewers of the same notebook, assuming you pass it a specified \"seed\". In this case, we're passing in the current day's date as the seed. This means that the order assigned to the list of individuals, and therefore the group assignments created, will be the same for all viewers of the notebook.\n\nEach new day, a new team order is set, and new groups are created.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":431,"value":"seed = d3.utcDay()","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"shuffler = arr => d3.shuffler(d3.randomLcg(seed))(arr.slice())","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"groups = chunks(shuffler(team).filter(d => participants.includes(d)), participants.length / n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"generateGroups = (numberOfGroups) => {\n let groups = chunks(shuffler(team).filter(d => participants.includes(d)), participants.length / numberOfGroups)\n return html`

\n${groups.map((d,i) => html`

Group ${i + 1}\n

${dd}

`)}\n

`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"import {chunks} from \"@tophtucker/scrapbook\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"import {Copier} from \"@mbostock/copier\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}