30:[{"id":"f3cb713097263e6c0e23adbf9152448bddca15b70be3655ff4a66465c8a8625d2c331e13098d342ab2f74c9ee9a68991b5ba3b8b427456879e6c24466ff73ff1","href":"https://static.observableusercontent.com/files/f3cb713097263e6c0e23adbf9152448bddca15b70be3655ff4a66465c8a8625d2c331e13098d342ab2f74c9ee9a68991b5ba3b8b427456879e6c24466ff73ff1","name":"all-256.jpg","type":"image/jpeg","lastModified":1720293681360.234,"size":10106330},{"id":"6d93710c6367b70dd57a21c5e283e761e80ddd771c9eee961f4338744ca1cd9102f2953825f7786e243288f61b210b36df69ad5bf1e2da6b6eebb7149fa26bcb","href":"https://static.observableusercontent.com/files/6d93710c6367b70dd57a21c5e283e761e80ddd771c9eee961f4338744ca1cd9102f2953825f7786e243288f61b210b36df69ad5bf1e2da6b6eebb7149fa26bcb","name":"all-64.png","type":"image/png","lastModified":1720295690034.051,"size":6710452},{"id":"24c1056f85b0dbc756342b134854d1a6038378148cba7e1370bec76e88b3b4eb3e448907fd26813001b8a858783d42427441d14b416a654db527e2f6e85233c9","href":"https://static.observableusercontent.com/files/24c1056f85b0dbc756342b134854d1a6038378148cba7e1370bec76e88b3b4eb3e448907fd26813001b8a858783d42427441d14b416a654db527e2f6e85233c9","name":"scopes-001-image-embs.parquet","type":"application/octet-stream","lastModified":1720296002139.606,"size":31808},{"id":"b82fcb16b8fb2104381b48503ab0a4506c4b0110a83f7df4670555a053655d80cc9be3a88282c9b2a5d57f6facdd22fafbaf9d12b247e1f34241063c8bf70925","href":"https://static.observableusercontent.com/files/b82fcb16b8fb2104381b48503ab0a4506c4b0110a83f7df4670555a053655d80cc9be3a88282c9b2a5d57f6facdd22fafbaf9d12b247e1f34241063c8bf70925","name":"scopes-002-input@1.parquet","type":"application/octet-stream","lastModified":1719574412381.203,"size":10683794}] 2e:{"title":"Latent Dex","cells":[{"id":0,"value":"# Latent Dex\nData from https://minimaxir.com/2024/06/pokemon-embeddings/","pinned":false,"hidden":false,"mode":"md"},{"id":112,"value":"viewof imgvsjson = Inputs.select([\"image\", \"json\"], {label: \"Select embedding\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"{\n let canvas = document.createElement('canvas');\n let ctx = canvas.getContext('2d');\n let w = width// * 2\n let r = 32\n canvas.width = w\n canvas.height = w\n\n let xs = d3.scaleLinear()\n .domain([-1, 1])\n .range([64, w - 64])\n let ys = d3.scaleLinear()\n .domain([-1, 1])\n .range([w - 64, 64])\n ctx.globalAlpha = 0.85\n let xp = imgvsjson == \"image\" ? \"ix\" : \"x\"\n let yp = imgvsjson == \"image\" ? \"iy\" : \"y\"\n pokemonSprited.forEach((p,i) => {\n ctx.drawImage(p.s64, 0, 0, 64, 64, xs(p[xp]), ys(p[yp]), r, r)\n // ctx.drawImage(p.s64, 0, 0, 64, 64, xs(p.ix), ys(p.iy), r, r)\n })\n\n return canvas\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"viewof poketype = Inputs.select(types, {label: \"Select a type\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"

\n ${typed.map(d => {\n return htl.html`

\n ${d.name}\n

`\n })}\n

","pinned":true,"hidden":false,"mode":"html"},{"id":5,"value":"pokemon = await FileAttachment(\"scopes-002-input@1.parquet\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":97,"value":"imgEmbs = await FileAttachment(\"scopes-001-image-embs.parquet\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"pokemon","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"pokemonSprited = pokemon.map((p,i) => {\n return {\n ...p,\n ix: imgEmbs[i].x,\n iy: imgEmbs[i].y,\n s64: getSprite(p, 64),\n s256: getSprite(p, 256)\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"types = ['type_grass',\n 'type_poison',\n 'type_fire',\n 'type_flying',\n 'type_water',\n 'type_bug',\n 'type_normal',\n 'type_electric',\n 'type_ground',\n 'type_fairy',\n 'type_fighting',\n 'type_psychic',\n 'type_rock',\n 'type_steel',\n 'type_ice',\n 'type_ghost',\n 'type_dragon',\n 'type_dark']","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"typed = pokemonSprited.filter(d => d[poketype])","pinned":true,"hidden":false,"mode":"ojs"},{"id":24,"value":"img = getSprite(typed[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"function getSprite(p, size = 256) {\n let columns = 33\n let canvas = document.createElement('canvas');\n let ctx = canvas.getContext('2d');\n canvas.width = size;\n canvas.height = size;\n \n let index = pokemon.indexOf(p);\n // Calculate the x and y position of the sprite in the sprite sheet\n let x = (index % columns) * size;\n let y = Math.floor(index / columns) * size;\n\n // Draw the sprite onto the canvas\n ctx.drawImage(size == 256 ? all256 : all64, x, y, size, size, 0, 0, size, size);\n\n // Create an image object and set the src to the data URL of the canvas\n let img = new Image();\n img.src = canvas.toDataURL();\n\n return img;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"all256 = FileAttachment(\"all-256.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":83,"value":"all64 = FileAttachment(\"all-64.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"---\n# Single page","pinned":false,"hidden":false,"mode":"md"},{"id":134,"value":"viewof pokes = Inputs.search(pokemonSprited, { columns: [\"name\"]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"Inputs.table(pokes, {columns:[\"name\"]})","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"poke = { \n let p = {...pokes[0]}\n let ts = types.filter(t => !!p[t]).map(t => t.replace(\"type_\", \"\"))\n p.types = ts\n let keys = Object.keys(p)\n let descs = keys.filter(k => k.startsWith(\"flavor_text_\"))\n p.descriptions = descs.filter(d => !!p[d]).map(d => ({key: d, description: p[d]}))\n return p\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"

\n \n ${poke.name}\n \n \n\n Type: ${poke.types.join(\"-\")}
\n \n \n Generation: ${poke.generation}
\n \n

\n ${description.description}\n

\n \n

","pinned":true,"hidden":false,"mode":"html"},{"id":158,"value":"viewof description = Inputs.select(poke.descriptions, {label: \"Select description\", format: d => d.key})","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"$${poke.descriptions.map(d => {\n return htl.html`

${d.key}: ${d.description}

`\n})}","pinned":false,"hidden":false,"mode":"html"}],"files":"$W30","stdlib":"1","titling":"auto"}