27:null 28:["$","title",null,{"children":"PeloShuffle | Tanya Shapiro | Observable"}] 2d:[] 2b:{"id":"9c5081fcc06191c4","slug":null,"title":"PeloShuffle","thumbnail":"b4c6c38bd121047bb180220558e92252a6674ce1d84041b331a92fdee35f59c4","access_level":"public","create_time":"$D2023-04-04T16:23:56.450Z","update_time":"$D2023-04-27T21:21:36.200Z","view_time":null,"first_public_time":"$D2023-04-04T16:23:56.450Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"230f604926360997","login":"tashapiro","name":"Tanya Shapiro","avatar_url":"https://avatars-next.observableusercontent.com/28b8518718dc3e70bed3a8256215864c8ac22777155e21dd5564f285665f60ae","tier":"starter_2024"},"version":293,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"fccfb83ec070004a","login":"tashapiro","name":"Tanya Shapiro","avatar_url":"https://avatars-next.observableusercontent.com/28b8518718dc3e70bed3a8256215864c8ac22777155e21dd5564f285665f60ae","tier":null}],"members":[{"type":"individual","id":"fccfb83ec070004a","login":"tashapiro","name":"Tanya Shapiro","avatar_url":"https://avatars-next.observableusercontent.com/28b8518718dc3e70bed3a8256215864c8ac22777155e21dd5564f285665f60ae","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"8985dcb48b9606e6","slug":"peloton","title":"Peloton","owner":{"id":"230f604926360997","login":"tashapiro","name":"Tanya Shapiro"}},"type":"notebook","body":{"title":"PeloShuffle","cells":[{"id":0,"value":"# PeloShuffle\n\nShuffles classes based on filter criteria.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"viewof filters = (\n Inputs.form(\n {workoutType:Inputs.select(types, {label: \"Type\", multiple:true, sort:true, value:types, size:5}),\n instructor:Inputs.select(instructors, {label: \"Instructors\" , sort:true, multiple: true, value:instructors}),\n duration:Inputs.select(durations, {label:\"Duration (min)\", value:30, multiple:true, value:durations}),\n difficulty: Inputs.range([0, 10], {label: \"Max Difficulty\", step: 1, value: 8}),\n},\n {template})\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"viewof update = Inputs.button(\"SHUFFLE\", {value: 2, reduce: () => Math.floor(Math.random() * filtered.length)})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":254,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":23,"value":"{const classes = filtered;\nconst updateIndex = update;\n\nconst shuffleCard = document.querySelector('.shuffle-card');\n\n //if nothing returns from the filtered query, print No Results\nif (filtered.length === 0) {shuffleCard.innerHTML = '

No Results

';}\n//otherwise return card with class information\nelse {shuffleCard.innerHTML = `

${classes[updateIndex].title}

${classes[updateIndex].instructor_name}

${classes[updateIndex].air_date}

Avg Difficulty: ${classes[update].difficulty}

${classes[updateIndex].description}

`;}\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"types = new Set(data.map(i => i.fitness_discipline_display_name));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":195,"value":"instructors = new Set(data.map(i => i.instructor_name));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"durations = [5,10,15,20,30,45, 60]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"filtered = newData.filter(d => filters.workoutType.includes(d.fitness_discipline_display_name) & filters.instructor.includes(d.instructor_name) & filters.duration.includes(d.duration_min) && d.difficulty <= filters.difficulty)\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"newData = data.map(function(workout) {\n return {\n ...workout, // copy the existing workout object\n duration_min: workout.duration / 60, // add a new property\n difficulty: workout.difficulty_rating_avg.toFixed(1) // add a new property\n };\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"data = d3.json('https://raw.githubusercontent.com/tashapiro/peloton-stats/main/data/peloton_classes.json');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":276,"value":"h/t to Martin https://observablehq.com/@martien/horizontal-inputs","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":269,"value":"template = (inputs) => \nhtl.html`

${Object.values(inputs)}

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2d","stdlib":"1","titling":"auto"}} 2c:"$2b:body"