44:["$","title",null,{"children":"The Mario Kart Frontier | Spencer | Observable"}] 4c:T793,betterThanMine = notice( md`Answering **"Can I improve my setup?"** 1. First, enter your configuration in this section (try ${htl.html` { e.preventDefault() set(viewof character, ["Donkey Kong, Roy, Waluigi"]); set(viewof kart, ["Mercedes 300 SL Roadster"]); set(viewof tire, ["Triforce Tires"]); set(viewof glider, ["Hylian Kite"]); set(viewof minSpeed, d3.min(data, d => d.speed)); set(viewof minAccel, d3.min(data, d => d.acceleration)); set(viewof minHandling, d3.min(data, d => d.handling)); set(viewof minTraction, d3.min(data, d => d.traction)); set(viewof minTurbo, d3.min(data, d => d['mini-turbo'])); set(viewof minTotal, d3.min(data, d => d.total_pts)); set(viewof movement_pts, []); }}>my kart setup`}) 1. Convert the configuration into performance filters by ${htl.html` { e.preventDefault() set(viewof minSpeed, d3.min(data, d => d.speed)); set(viewof minAccel, d3.min(data, d => d.acceleration)); set(viewof minHandling, d3.min(data, d => d.handling)); set(viewof minTraction, d3.min(data, d => d.traction)); set(viewof minTurbo, d3.min(data, d => d['mini-turbo'])); set(viewof minTotal, d3.min(data, d => d.total_pts)); set(viewof movement_pts, []); window.setTimeout(() => { set(viewof minSpeed, dataTable[0].speed); set(viewof minAccel, dataTable[0].acceleration); set(viewof minHandling, dataTable[0].handling); set(viewof minTraction, dataTable[0].traction); set(viewof minTurbo, dataTable[0]["mini-turbo"]); set(viewof character, []); set(viewof kart, []); set(viewof tire, []); set(viewof glider, []); }, 100); }}>clicking here`}. 1. Scroll down to the chart, table, and particularly the [improvements](#hImprovements) section to see all possible combinations equal to or better than your kart config!` )4d:T44e,dynamicRange = (char, items) => html`

${char}:
${ items.length === 0 ? "no matching combinations" : Object.entries( items.reduce((acc, config) => { // check all numeric keys to see if the attribute is numericKeys.forEach(attr => { if (acc[attr] === null) { acc[attr] = [config[attr], config[attr]]; } else if (config[attr] < acc[attr][0]) { acc[attr][0] = config[attr]; } else if (config[attr] > acc[attr][1]) { acc[attr][1] = config[attr]; } }); return acc; }, Object.fromEntries(numericKeys.map(e => [e, null]))) ).map(([k, v]) => { return rangeSlider({ min: 0, max: k === "total_pts" ? 25 : k === "movement_pts" ? 8 : 6, // Note that values must be specified as array of length 2. value: v, // Custom slider CSS, replaces all styles. theme: themes.Retro, title: k }); }) }

`4e:T736,karts = data2collection("kart",`Circuit Special +0.5 -0.75 +0.25 -0.5 -0.5 -0.75 -1.75 Badwagon +0.5 -1.0 +0.5 -0.75 +0.5 -1.0 -1.25 Mercedes GLA +0.5 -1 +0.5 -0.75 +0.5 -1.0 -1.25 B Dasher +0.5 -0.75 +0.25 -0.5 -0.25 -0.5 -1.25 P-Wing +0.5 -0.75 +0.25 -0.5 -0.25 -0.5 -1.25 Standard ATV +0.5 -1.0 +0.5 -0.75 +0.5 -1.0 -1.25 Steel Driver +0.25 -0.75 +0.5 -0.5 0 -0.5 -1 Tri-Speeder +0.25 -0.75 +0.5 -0.5 0 -0.5 -1 Prancer +0.25 -0.5 -0.25 0 -0.25 -0.25 -1 Sneeker +0.25 -0.5 0 0 -0.75 -0,25 Gold Standard +0.25 -0.5 0 0 -0.75 -0.25 -1.25 Blue Falcon +0.25 -0.25 -0.5 -0.25 +0.5 0 -0.25 Sport Bike +0.25 -0.5 -0.25 0 -0.25 -0.25 -1 Jet Bike +0.25 -0.5 -0.25 0 -0.25 -0.25 -1 Master Cycle +0.25 -0.5 0 0 -0.75 -0.25 -1.25 Bone Rattler +0.25 -0.75 +0.5 -0.5 0 -0.5 -1 Splat Buggy +0.25 -0.25 -0.5 -0.25 0 -0.25 -1 Standard Kart 0 0 0 0 0 0 0 Mach 8 0 -0.25 +0.25 -0.25 +0.25 0 0 Sports Coupe 0 -0.25 +0.25 -0.25 +0.25 0 0 Mercedes 300 SL Roadster 0 0 0 0 0 0 0 The Duke 0 0 0 0 0 0 0 Inkstriker 0 -0.25 +0.25 -0.25 +0.25 0 0 Cat Cruiser -0.25 +0.25 0 +0.25 0 +0.25 +0.5 Mercedes Silver Arrow -0.25 +0.25 -0.25 +0.25 +0.5 +0.25 +0.75 Tanooki Kart -0.25 -0.5 +0.25 +0.25 0 +1.0 +0.75 Koopa Clown -0.25 -0.5 +0.25 +0.25 0 +1.0 +0.75 Standard Bike -0.25 +0.25 -0.25 +0.25 +0.5 +0.25 +0.75 Comet -0.25 +0.25 0 +0.25 0 +0.25 +0.5 Flame Rider -0.25 +0.25 -0.25 +0.25 +0.5 +0.25 +0.75 Yoshi Bike -0.25 +0.25 0 +0.25 0 +0.25 +0.5 Wild Wiggler -0.25 +0.25 -0.25 +0.25 +0.5 +0.25 +0.75 Teddy Buggy -0.25 +0.25 0 +0.25 0 +0.25 +0.5 Pipe Frame -0.5 +0.5 -0.25 +0.5 +0.25 +0.5 +1 Landship -0.5 +0.5 -0.5 -0.5 +0.75 +0.5 +0.25 Streetle -0.5 +0.5 -0.5 -0.5 -0.25 +0.75 -0.5 Varmint -0.5 +0.5 -0.25 +0.5 +0.25 +0.5 +1 City Tripper -0.5 +0.5 -0.25 +0.5 +0.25 +0.5 +1 Biddybuggy -0.75 +0.75 -0.5 +0.5 +0.5 +0.25 +0.75 Mr. Scooty -0.75 +0.75 -0.5 +0.5 +0.25 +0.75 +1`)4f:[] 48:{"id":"67cb2845719b4e50","slug":"the-mario-kart-frontier","title":"The Mario Kart Frontier","thumbnail":"940ab300e88d422c115b44b8b4345821ec8578920a5d43e1ad727b260348ae5c","access_level":"public","create_time":"$D2021-04-10T00:53:18.759Z","update_time":"$D2022-01-25T16:38:46.391Z","view_time":null,"first_public_time":"$D2021-04-10T06:37:27.798Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"176964fb427d7dd9","login":"spensaur","name":"Spencer","avatar_url":"https://avatars-next.observableusercontent.com/c3e71f997a9979069c2283d021568ef874ec5d04e8caff8abe675bb6b9892eca","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":2240,"publish_version":2240,"role":null,"authored":false,"authors":[{"type":"individual","id":"a43e64cfd8083fa1","login":"spensaur","name":"Spencer","avatar_url":"https://avatars-next.observableusercontent.com/c3e71f997a9979069c2283d021568ef874ec5d04e8caff8abe675bb6b9892eca","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"a43e64cfd8083fa1","login":"spensaur","name":"Spencer","avatar_url":"https://avatars-next.observableusercontent.com/c3e71f997a9979069c2283d021568ef874ec5d04e8caff8abe675bb6b9892eca","tier":null,"role":"editor"}],"comments":[{"id":"90145444d63ea43b","reply_to_id":null,"content":"WHOOF. the original @d3/stacked-bar-chart changed its exports, so I'll need to convert this to use Plot() at some point","create_time":"$D2022-01-25T16:36:18.172Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"a43e64cfd8083fa1","login":"spensaur","name":"Spencer","avatar_url":"https://avatars-next.observableusercontent.com/c3e71f997a9979069c2283d021568ef874ec5d04e8caff8abe675bb6b9892eca","tier":null}}],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"bb66ddba9874eab0","slug":"video-games","title":"Video Games","owner":{"id":"176964fb427d7dd9","login":"spensaur","name":"Spencer"}},"type":"notebook","body":{"titling":"auto","title":"The Mario Kart Frontier","cells":[{"id":0,"value":"md`# The Mario Kart Frontier\n\nAn interactive tool for selecting the Mario Kart 8 Deluxe setup most likely to win your weekly Kart Night.\n\n> **You're probably most interested in [optimizing your kart](#betterThanMine) or the [conclusions](#hConclusions)**\n\n...along the way I basically re-implement [\"The Best Mario Kart Character According to Data Science\"](https://medium.com/civis-analytics/the-best-mario-kart-character-according-to-data-science-7dfb65d4c18e) with new/improved data for the DLC via [how to build the best kart (medium)](https://www.nintendolife.com/news/2017/05/guide_mario_kart_8_deluxe_fastest_kart_-_how_to_build_the_best_kart) since that is now included by default in ${html`MK8`}.\n\nThe main conclusion still holds true – to maximize the points available to spend on speed and acceleration (the pareto frontier), you'll need to choose a heavy character.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1818,"value":"toc({ heading: \" \", selector: \"h2,h3,h4,h5,h6\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"// ehances all the total combinations with \"movement_pts\" and \"total\" key\ndata = allCombinations.map(facets =>\n facets.reduce((acc, attrs, i, arr) => {\n // sum each attr (eg. speed)\n Object.entries(attrs).forEach(([k, v]) => {\n if (!acc[k]) acc[k] = v;\n else acc[k] += v;\n });\n\n // add a \"total\" and \"movement\" key\n if (i === arr.length - 1) {\n acc.total_pts = Object.values(acc).reduce(\n (a, v) => (isNaN(v) ? a : a + v),\n 0\n );\n acc.movement_pts = acc.speed + acc.acceleration;\n }\n return acc;\n }, {})\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2047,"value":"hConclusions = md`## Conclusions`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2061,"value":"notice(\n md`Only ${\n d3.group(maxSpeedCombos, d => d.character).size\n } characters reach the maximum combined speed+acceleration (${d3.format(\n \".2%\"\n )(maxSpeedCombos.length / data.length)} of ${\n data.length\n } combinations). Jump ahead and **[select 7.75 movement points](#movement_pts)** to see them.`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2182,"value":"md`_... more to come_`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":363,"value":"hConfig = md`## Kart Configuration\nSelect any parts you know you _must_ play with (say, a favorite character). Otherwise, skip ahead to [filters](#hFilters) to filter by performance attributes.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1869,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"viewof character = Checkbox(data.map(d => d.character), {\n multiple: true,\n unique: true,\n label: \"character\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":439,"value":"htl.html`\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"viewof kart = Checkbox(data.map(d => d.kart), {\n multiple: true,\n unique: true,\n label: \"kart\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":670,"value":"htl.html`\n\n\n (read up on inside/outside drifting)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":811,"value":"viewof tire = Checkbox(data.map(d => d.tire), {\n multiple: true,\n unique: true,\n label: \"tire\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1096,"value":"htl.html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"viewof glider = Checkbox(data.map(d => d.glider), {\n multiple: true,\n unique: true,\n label: \"glider\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1100,"value":"htl.html`\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1891,"value":"hFilters = md`## Performance Filters\nFilter the available configurations by their performance. Sliders start at the minimum value (some are less than 0)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"notice(\n md`Adjust the sliders and checkboxes in this section to select an ideal kart configuration based on its performance (view matching options in the [chart](#hViz) and [table](#dataTable) below). You can combine with part filters above.`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":848,"value":"viewof minTotal = Range(d3.extent(data, d => d.total_pts), {\n value: 0,\n step: .25,\n label: \"total points >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1992,"value":"md`> ^ Usually, heavy characters are given \"more points to spend\" than light characters`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"// todo, base off of filtered data\nviewof movement_pts = Checkbox(allMovePointValues, {\n label: \"movement points (speed+accel)\",\n sort: true\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":758,"value":"md`> ^ Movement points are the sum of your points in speed and acceleration. Think of it like configuring a character in an RPG – certain setups yield more \"movement points\" available to spend on speed and acceleration.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1850,"value":"htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1010,"value":"viewof minSpeed = Range(d3.extent(data, d => d.speed), {\n value: d3.min(data, d => d.speed),\n step: .25,\n label: \"speed >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1034,"value":"viewof minAccel = Range(d3.extent(data, d => d.acceleration), {\n value: d3.min(data, d => d.acceleration),\n step: .25,\n label: \"acceleration >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":826,"value":"viewof minHandling = Range(d3.extent(data, d => d.handling), {\n value: d3.min(data, d => d.handling),\n step: .25,\n label: \"handling >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":851,"value":"viewof minTraction = Range(d3.extent(data, d => d.traction), {\n value: d3.min(data, d => d.traction),\n step: .25,\n label: \"traction >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1283,"value":"viewof minTurbo = Range(d3.extent(data, d => d[\"mini-turbo\"]), {\n value: d3.min(data, d => d[\"mini-turbo\"]),\n step: .25,\n label: \"mini-turbo >=\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2000,"value":"hViz = md`## Visualization\n\nGiven all the parameters you set above, show which Kart combinations match.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"legend({\n color,\n title: \"Movement Pts (speed+acceleration) - higher is better\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1105,"value":"chart","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":598,"value":"viewof search = Search(data, {\n label: \"search\",\n placeholder: \"character, kart, tire, glider\",\n filter: query => d => {\n query = query.toLowerCase();\n\n return (\n d.speed >= minSpeed &&\n d.acceleration >= minAccel &&\n d.handling >= minHandling &&\n d.total_pts >= minTotal &&\n d.traction >= minTraction &&\n d['mini-turbo'] >= minTurbo &&\n partFilter(d) &&\n (movement_pts.length === 0 || movement_pts.includes(d.movement_pts)) &&\n (query === \"\" ||\n d.character.toLowerCase().includes(query) ||\n d.kart.toLowerCase().includes(query) ||\n d.glider.toLowerCase().includes(query) ||\n d.tire.toLowerCase().includes(query))\n );\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1083,"value":"viewof sortBy = Select(numericKeys, { value: \"movement_pts\", label: \"sort by\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2142,"value":"md`You can select a row of the table below to filter to it in the chart`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"viewof dataTable = Table(search, { sort: sortBy, reverse: true })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1983,"value":"hImprovements = md`### Possible Improvement\n\nThe blue regions below indicate the range of configurations that match the filters you've set above.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1334,"value":"notice(\n md`If you've set every [performance filter](#hFilters), the blue ranges show improvements you can make without compromising your stats!\n\nIf you only see one character and the min/max numbers are all identical, you've already optimized – the only way to improve one stat is to compromise another 🎉`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1209,"value":"matchingCharacters = charCount <= 6\n ? columns(\n html`${[...d3.group(dataTable, d => d.character)].map(el =>\n dynamicRange(...el)\n )}`,\n charCount > 1 ? 2 : 1\n )\n : md`> ⚠️ ...too many matching characters, filter down a little`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1456,"value":"hChoosing = md`## Choosing from Available Options`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2122,"value":"notice(\n md`🚧 under construction - will be turned into an expandable tree (you can expand this \\`Map\\` below, but i'll make this better)`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":939,"value":"d3.group(dataTable, d => d.character, d => d.kart, d => d.tire, d => d.glider)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1957,"value":"md`## Appendix\n\n_nothing to see here_ – the content below is used to generate the interactive above`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":982,"value":"md`### Visualization utils`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1279,"value":"charCount = [...d3.group(dataTable, d => d.character).keys()].length","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1206,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1014,"value":"partFilter = d =>\n (character.length === 0 || character.includes(d.character)) &&\n (kart.length === 0 || kart.includes(d.kart)) &&\n (tire.length === 0 || tire.includes(d.tire)) &&\n (glider.length === 0 || glider.includes(d.glider))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1071,"value":"numericKeys = Object.entries(data[0])\n .filter(([k, v]) => typeof v === \"number\")\n .map(([k, v]) => k)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":536,"value":"allMovePointValues = {\n let v = [...d3.group(data, d => d.movement_pts).keys()];\n v.sort();\n return v;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":475,"value":"vizRollups = d3.rollup(\n dataTable,\n v => v.length,\n d => d.character,\n d => d.movement_pts\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":479,"value":"vizData = {\n const d = [...vizRollups.entries()].map(e => ({\n name: e[0],\n ...Object.fromEntries(e[1]),\n total: [...e[1].values()].reduce((acc, el) => acc + el, 0)\n }));\n\n d.columns =\n movement_pts.length === 0 ? [...allMovePointValues] : [...movement_pts];\n\n // solely exists to handle the data manipulation at https://observablehq.com/@d3/stacked-bar-chart#series\n d.columns.unshift(\"name/derp\");\n return d;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":604,"value":"// refer to:\n// scales – https://observablehq.com/@d3/color-schemes\n// quanize – https://observablehq.com/@d3/working-with-color\ncolor = d3\n .scaleOrdinal(d3.quantize(d3.interpolateTurbo, allMovePointValues.length))\n .domain(allMovePointValues)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":458,"value":"height = 200","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":674,"value":"xAxis = g =>\n g\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x).tickSizeOuter(0))\n .call(g => g.selectAll(\".domain\").remove())\n .call(g =>\n g\n .selectAll(\"text\")\n .attr(\"text-anchor\", \"start\")\n .attr(\"transform\", `rotate(-90) translate(5, -13)`)\n .style(\n \"text-shadow\",\n \"-1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff, 1px -1px 2px #fff, -1px 0 2px #fff, 0 1px 2px #fff, 1px 0 2px #fff, 0 -1px 2px #fff\"\n )\n )","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"import { chart, key, margin, x } with {\n vizData as data,\n height,\n color,\n xAxis\n} from \"@sgregson/stacked-bar-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":351,"value":"md`### Data\n> Where the combinations of data were generated\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"keys = [\n \"speed\",\n \"acceleration\",\n \"weight\",\n \"handling\",\n \"traction\",\n \"mini-turbo\",\n \"total\"\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"characters = data2collection(\n \"character\",\n `Baby Peach, Baby Daisy\t2.25\t4\t2\t5\t4.25\t4\t21.5\nBaby Rosalina, Lemmy Koopa\t2.25\t4.25\t2\t4.75\t3.75\t4\t21\nBaby Mario/Luigi, Dry Bones\t2.5\t4.25\t2\t4.5\t4\t3.75\t21\nKoopa Troopa, Lakitu, Bowser Jr.\t2.75\t4\t2.5\t4.5\t4.25\t3.75\t21.75\nToadette, Wendy, Isabelle\t2.75\t4.25\t2.5\t4.25\t3.5\t3.75\t21\nToad, ShyGuy, Larry\t3\t4\t2.75\t4.25\t4\t3.5\t21.5\nCat Peach, Inkling Girl, Villager Girl\t3.25\t4\t2.75\t4\t3.75\t3.5\t21.25\nPeach, Daisy, Yoshi\t3.5\t3.75\t3\t3.75\t3.75\t3.5\t21.25\nTanooki Mario, Inkling Boy, Villager Boy\t3.5\t3.75\t3.25\t3.75\t3.25\t3.5\t21\nLuigi, Iggy\t3.75\t3.5\t3.5\t3.75\t3.25\t3.25\t21\nMario, Ludwig\t3.75\t3.5\t3.5\t3.5\t3.5\t3.25\t21\nLink, King Boo, Rosalina\t4\t3.25\t3.75\t3.25\t3.75\t3.25\t21.25\nDonkey Kong, Roy, Waluigi\t4.5\t3.25\t4.0\t3.0\t3.0\t3.0\t20.75\nWario, Dry Bowser\t4.75\t3.0\t4.25\t2.75\t3.25\t2.75\t20.75\nMetal/Gold Mario, Pink Gold Peach\t4.25\t3.25\t4.5\t3.25\t3.25\t3.0\t21.5\nBowser, Morton\t4.75\t3.0\t4.5\t2.5\t3.0\t2.75\t20.5`\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"tires = data2collection(\"tire\", `Slick\t+0.5\t-0.75\t+0.25\t-0.25\t-1.25\t-0.75\t-2.25\nMetal\t+0.5\t-1.0\t+0.5\t-0.25\t-0.75\t-0/75\t-1\nCyber Slick\t+0.5\t-0.75\t+0.25\t-0.25\t-1.25\t-0.75\t-2.25\nGold Tires\t+0.5\t-1.0\t+0.5\t-0.25\t-0.75\t-0.75\t-1.75\nSlim\t+0.25\t-0.5\t0\t+0.25\t-1.0\t-0.25\t-1.25\nOff-Road\t+0.25\t-0.25\t+0.25\t-0.5\t+0.25\t-0.5\t-0.5\nWood\t+0.25\t-0.5\t0\t+0.25\t-1.0\t-0.25\t-1.25\nCrimson Slim\t+0.25\t-0.5\t0\t+0.25\t-1.0\t-0/25\t-1\nRetro Off-Road\t+0.25\t-0.25\t+0.25\t-0.5\t+0.25\t-0.5\t-0.5\nTriforce Tires\t+0.25\t-0.25\t+0.25\t-0.5\t+0.25\t-0.5\t-0.5\nStandard\t0\t0\t0\t0\t0\t0\t0\nMonster\t0\t-0.5\t+0.5\t-0.75\t+0.5\t-0.25\t-0.5\nBlue Standard\t0\t0\t0\t0\t0\t0\t0\nHot Monster\t0\t-0.5\t+0.5\t-0.75\t+0.5\t-0.25\t-0.5\nGLA Tires\t0\t0\t0\t0\t0\t0\t0\nButton\t-0.25\t+0.25\t-0.5\t0\t-0/5\t+0.5\t0\nSponge\t-0.25\t0\t-0.25\t-0.25\t+0.25\t+0.25\t-0.25\nCushion\t-0.25\t0\t-0.25\t-0.25\t+0.25\t+0.25\t-0.25\nLeaf Tires\t-0.25\t+0.25\t-0.5\t0\t-0.5\t+0.5\t-0.5\nRoller\t-0.5\t+0.5\t-0.5\t+0.25\t-0.25\t+0.75\t+0.25\nAzure Roller\t-0.5\t+0.5\t-0.5\t+0.25\t-0.25\t+0.75\t+0.25`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"gliders = data2collection(\"glider\", `Super Glider\t0\t0\t0\t0\t0\t0\nWario Wing\t0\t0\t+0.25\t0\t-0.25\t0\nWaddle Wing\t0\t0\t0\t0\t0\t0\nPlane Glider\t0\t0\t+0.25\t0\t-0.25\t0\nGold Glider\t0\t0\t+0.25\t0\t-0.25\t0\nHylian Kite\t0\t0\t0\t0\t0\t0\nCloud Glider\t-0.25\t+0.25\t-0.25\t0\t0\t+0.25\nPeach Parasol\t-0.25\t+0.25\t-0.25\t0\t0\t+0.25\nParachute\t-0.25\t+0.25\t-0.25\t0\t0\t+0.25\nParafoil\t-0.25\t+0.25\t0\t0\t-0.25\t+0.25\nFlower Glider\t-0.25\t+0.25\t-0.25\t0\t0\t+0.25\nBowser Kite\t-0.25\t+0.25\t0\t0\t-0.25\t+0.25\nMKTV Parafoil\t-0.25\t+0.25\t0\t0\t-0.25\t+0.25\nPaper Glider\t-0.25\t+0.25\t-0.25\t0\t0\t+0.25`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"allCombinations = [...cartesian(characters, karts, tires, gliders)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2050,"value":"maxSpeedCombos = data.filter(d => d.movement_pts >= 7.75)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`### utils`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"// Convert the input data into arrays of objects\ndata2collection = (type, str) =>\n str.split(\"\\n\").map(line => {\n const [id, ...attrs] = line.split(\"\\t\");\n\n return {\n [type]: id,\n ...attrs.reduce((acc, e, i) => {\n if (keys[i] !== \"total\") acc[keys[i]] = Number(e);\n return acc;\n }, {})\n };\n })","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"// https://stackoverflow.com/a/44344803\nfunction* cartesian(head, ...tail) {\n let remainder = tail.length ? cartesian(...tail) : [[]];\n for (let r of remainder) for (let h of head) yield [h, ...r];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"md`### external`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":187,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":221,"value":"import { Select, Table, Range, Checkbox, Search } from \"@observablehq/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1120,"value":"import { rangeSlider, themes } from \"@mootari/range-slider\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":446,"value":"import { set } from \"@observablehq/synchronized-inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1328,"value":"import { notice, toc, columns } from \"@sgregson/components\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"import { styles } from \"@sgregson/utils\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"styles","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4f","stdlib":"1"}} 24:null