2e:null 2f:["$","title",null,{"children":"Grid-filling meanders | Jordan Running | Observable"}] 34:T4e0,{ const legend = html`

0	1	2	3	4	5	6	7	8

`; legend.onclick = ({target}) => { if (activeCell && target.tagName === 'TD') { const nextValue = parseInt(target.dataset.tile); const [activeRowIdx, activeColIdx] = activeCell; const nextRowData = data[activeRowIdx].slice(); nextRowData[activeColIdx] = nextValue; const nextData = data.slice(); nextData[activeRowIdx] = nextRowData; viewof data.value = nextData; } } return legend; }35:T995,html``36:[] 32:{"id":"c9d101ea1dd60f39","slug":"grid-filling-meanders","title":"Grid-filling meanders","thumbnail":"356049ae8c0954e9b0981525548ae84f777d10db1cf49620b39751c3b9f1a0c6","access_level":"public","create_time":"$D2019-07-15T15:07:25.891Z","update_time":"$D2019-07-15T17:53:37.385Z","view_time":null,"first_public_time":"$D2019-07-15T21:31:49.650Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"df5b8f89744ab529","login":"jrunning","name":"Jordan Running","avatar_url":"https://avatars-next.observableusercontent.com/e72d7abc8db9954d704f85afa6bc2c66581a5ec0d30ebd00f56ae23d933944bd","tier":"starter_2024"},"version":318,"publish_version":318,"role":null,"authored":false,"authors":[{"type":"individual","id":"6130700aeb5dae38","login":"jrunning","name":"Jordan Running","avatar_url":"https://avatars-next.observableusercontent.com/e72d7abc8db9954d704f85afa6bc2c66581a5ec0d30ebd00f56ae23d933944bd","tier":null}],"members":[{"type":"individual","id":"6130700aeb5dae38","login":"jrunning","name":"Jordan Running","avatar_url":"https://avatars-next.observableusercontent.com/e72d7abc8db9954d704f85afa6bc2c66581a5ec0d30ebd00f56ae23d933944bd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"Grid-filling meanders","cells":[{"id":0,"value":"md`# Grid-filling meanders`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"{\n const table = tileTable(data, {active: activeCell});\n table.onclick = ({target}) => {\n if (target.tagName === 'TD') {\n const rowIdx = target.parentElement.rowIndex;\n const colIdx = target.cellIndex;\n if (activeCell && rowIdx === activeCell[0] && colIdx === activeCell[1]) {\n viewof activeCell.value = null;\n } else {\n viewof activeCell.value = [rowIdx, colIdx];\n }\n }\n }\n \n return table;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":130,"value":"{\n const textarea = html``;\n textarea.oninput = () => viewof data.value = parseTextData(textarea.value);\n const update = () => textarea.value = formatDataAsText(viewof data.value);\n viewof data.addEventListener(\"input\", update);\n invalidation.then(() => viewof data.removeEventListener(\"input\", update));\n return update(), textarea;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":316,"value":"html`🔗Link to this meander`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"import { View } from '@mbostock/synchronized-views'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"viewof data = {\n const hashData = parseHashData(hash);\n return new View(hashData || [\n [5, 6, 5, 1, 6],\n [4, 8, 7, 6, 2],\n [5, 7, 7, 7, 3],\n [2, 4, 8, 8, 6],\n [4, 1, 3, 4, 3],\n ]);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":192,"value":"viewof activeCell = new View(null)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"tileTd = (...cssClass) => html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"tileTable = (values, {active}) => html`${\n values.map((row, i) =>\n html`${row.map((value, j) => tileTableCell(value, active !== null && i === active[0] && j === active[1]))}`)\n}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"tileTableCell = (value, active) => html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"parseTextData = text => text.split('\\n')\n .map(line => [...line.matchAll(/\\d/g)].map(([d,]) => parseInt(d)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"parseHashData = hash => {\n const digits = [...hash.matchAll(/\\d/g)].map(([d,]) => parseInt(d));\n if (digits.length === 0) {\n return null;\n }\n const n = Math.sqrt(digits.length);\n if (n !== Math.floor(n)) {\n return null;\n }\n const data = [];\n let nextRow;\n while ((nextRow = digits.splice(0, n)).length > 0) {\n data.push(nextRow);\n }\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"formatDataAsText = data => data.map(row => row.join(' ')).join('\\n')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"viewof hash = new View(decodeURIComponent(window.location.hash))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":270,"value":"(window.onhashchange = () => (viewof hash.value = decodeURIComponent(window.location.hash)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"