2f:[] 2d:{"title":"PeloShuffle","cells":[{"id":0,"value":"# PeloShuffle\n\nShuffles classes based on filter criteria.","pinned":false,"hidden":false,"mode":"md"},{"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"},{"id":52,"value":"viewof update = Inputs.button(\"SHUFFLE\", {value: 2, reduce: () => Math.floor(Math.random() * filtered.length)})","pinned":false,"hidden":false,"mode":"ojs"},{"id":252,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"id":254,"value":"

","pinned":false,"hidden":false,"mode":"html"},{"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"},{"id":193,"value":"types = new Set(data.map(i => i.fitness_discipline_display_name));","pinned":true,"hidden":false,"mode":"ojs"},{"id":195,"value":"instructors = new Set(data.map(i => i.instructor_name));","pinned":false,"hidden":false,"mode":"ojs"},{"id":200,"value":"durations = [5,10,15,20,30,45, 60]","pinned":true,"hidden":false,"mode":"ojs"},{"id":40,"value":"","pinned":false,"hidden":false,"mode":"html"},{"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"},{"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"},{"id":5,"value":"data = d3.json('https://raw.githubusercontent.com/tashapiro/peloton-stats/main/data/peloton_classes.json');","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"h/t to Martin https://observablehq.com/@martien/horizontal-inputs","pinned":false,"hidden":false,"mode":"md"},{"id":269,"value":"template = (inputs) => \nhtl.html`

${Object.values(inputs)}

\n`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}