2d:null 2e:["$","title",null,{"children":"Matrix Poetry, Part 1: The Face | Joanna Slusarewicz | Observable"}] 33:T472,viewof userPoem1 = { const form = html` `; form.oninput = () => form.value = [ [ form.cell11.value, form.cell12.value, form.cell13.value ], [ form.cell21.value, form.cell22.value, form.cell23.value ], [ form.cell31.value, form.cell32.value, form.cell33.value ] ]; form.oninput(); return form; }34:[] 31:{"id":"8ee6ac428f70aba4","slug":"matrix-poetry-1","title":"Matrix Poetry, Part 1: The Face","thumbnail":"e01e78319e7ee54ec7f1b1d71ff7da3efe00d958da66da7090ff21bd84757591","access_level":"public","create_time":"$D2022-02-16T00:24:40.609Z","update_time":"$D2023-04-14T17:04:12.682Z","view_time":null,"first_public_time":"$D2022-02-16T03:13:23.365Z","fork":false,"stars":4,"starred":false,"owner":{"type":"team","id":"bb79fbf86b2f6332","login":"penguin137","name":"Joanna Slusarewicz","avatar_url":"https://avatars-next.observableusercontent.com/c47a1c5b78ac4029d2718dd0a34b08809a1a83dd435f881c521abe55ba790a59","tier":"starter_2024"},"version":474,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"44224e6d481690a1","login":"penguin137","name":"Joanna","avatar_url":"https://avatars-next.observableusercontent.com/c47a1c5b78ac4029d2718dd0a34b08809a1a83dd435f881c521abe55ba790a59","tier":null}],"members":[{"type":"individual","id":"44224e6d481690a1","login":"penguin137","name":"Joanna","avatar_url":"https://avatars-next.observableusercontent.com/c47a1c5b78ac4029d2718dd0a34b08809a1a83dd435f881c521abe55ba790a59","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":{"id":"3a787ff1d2a98845","slug":"reticulated-nonsense","title":"Reticulated Nonsense","owner":{"id":"bb79fbf86b2f6332","login":"penguin137","name":"Joanna Slusarewicz"}},"type":"notebook","body":{"title":"Matrix Poetry, Part 1: The Face","cells":[{"id":0,"value":"# Matrix Poetry, Part 1: The Face","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":430,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"viewof selectedPoem1 = Select(poemList, {value: poem1, label: \"Choose a poem.\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":392,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":185,"value":"$${selectedPoem1[0][0]} ${selectedPoem1[0][1]} ${selectedPoem1[0][2]} \n${selectedPoem1[1][0]} ${selectedPoem1[1][1]} ${selectedPoem1[1][2]} \n${selectedPoem1[2][0]} ${selectedPoem1[2][1]} ${selectedPoem1[2][2]}","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":396,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":183,"value":"The above representation of this poem is not the only way that this poem was designed to be read. It is possible to, instead, conceptualize this poem as a 3x3 matrix of phrases:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":98,"value":"matrix3by3(selectedPoem1)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":415,"value":"Imposed on this matrix structure is a series of rules from which a string of 0s and 1s can be converted into a unique poem.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":412,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"The rules:\n\n1. The poem begins on the first word (*${selectedPoem1[0][0]}*).\n2. The next word in the poem is determined based on first digit in the input: if it is a 0, the next word is to the right (*${selectedPoem1[0][1]}*). If it is a 1, the next word is below (*${selectedPoem1[1][0]}*).\n3. From there, the rest of the string is determined by moving in the direction dictated by each subsequent digit in order.\n4. If the numbers force the poem to move beyond the bottom or right edge of the matrix, a new line is begun with the start word as the leftmost in the row in case of a 0 or the topmost in the column in case of a 1.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":403,"value":"This simple set of rules allows for the generation infinite poems from a single matrix.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":419,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":423,"value":"viewof selectedPoem2 = Select(poemList, {value: poem1, label: \"Choose a poem.\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":278,"value":"viewof lengthInput1a = Text({\n label: \"Words in poem:\",\n placeholder: 50,\n value: 50\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":259,"value":"viewof randNums1a = Inputs.button(\"Random Number String\", {value: randBinary(lengthInput1a), reduce: () => randBinary(lengthInput1a)});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":247,"value":"**${randNums1a}**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":263,"value":"md`${toPoem(randNums1a, selectedPoem2)}`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":331,"value":"This is a surprisingly simple interface for generating a large quantity of poems.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":327,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":362,"value":"viewof lengthInput1b = Text({\n label: \"Words in poem:\",\n placeholder: 50,\n value: 50\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":346,"value":"viewof randNums1b = Inputs.button(\"Random Number String\", {value: randBinary(lengthInput1b), reduce: () => randBinary(lengthInput1b)});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":340,"value":"**${randNums1b}**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":337,"value":"md`${toPoem(randNums1b, userPoem1)}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":330,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":444,"value":"While capable of generating poetry in bulk, in this form it is difficult to understand the *kinds* of poems that will result from a word matrix. In [Part 2](https://observablehq.com/@penguin137/matrix-poetry-2), we break open the structure of the matrix poems and explore their fundamental ordering.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":450,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"# Example Poems","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":165,"value":"poemList = new Map([[poem1[0].join(\" \"), poem1],\n [poem2[0].join(\" \"), poem2],\n [poem3[0].join(\" \"), poem3]])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"poem1 = [[\"our\", \"bodily\", \"buildings\"], \n [\"logical\", \"functions\", \"burn\"],\n [\"completeness\", \"shutting\", \"down\"]];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"poem2 = [[\"fill\", \"each\", \"futile\"], \n [\"your\", \"empty\", \"lung\"],\n [\"last\", \"hour\", \"with laughter\"]];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":472,"value":"poem3 = [[\"spring\", \"spins\", \"robin-song\"], \n [\"turns\", \"bud-green\", \"above us,\"],\n [\"and\", \"leaves\", \"alone\"]];","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"# Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":33,"value":"## Poem-Generating Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":44,"value":"function toPoem(text, poem) {\n if (text.length < 1) {\n return toPoem(\"something\", poem);\n }\n let output = [];\n let line = poem[0][0];\n let binary = text;\n for (var i=0; i rowMax - 1 || col > colMax - 1) && line != \"\") {\n line += \"
\";\n output.push(line);\n line = \"\";\n }\n row = row % rowMax;\n col = col % colMax;\n if (poem[row][col] != \"\") {\n line += \" \" + poem[row][col];\n }\n }\n return output.join(\"\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"function toLine(start, binary, poem) {\n \n let row = start[0]; let col = start[1];\n let words = poem[row][col];\n \n for (var i = 0; i < binary.length; i++) {\n if (binary[i] === \"0\") {\n row++;\n } else {\n col++;\n }\n words += \" \" + poem[row][col];\n \n }\n \n return words;\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"function toTitle(userInput) {\n if (userInput === \"\") {\n return \"something\";\n }\n return userInput;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"function toBinary(text) {\n let output = \"\";\n let lowText = text.toLowerCase();\n for (var i = 0; i < lowText.length; i++) {\n output += text[i].charCodeAt(0).toString(2).substring(3,8);\n }\n return output;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":256,"value":"function randBinary(len) {\n var randString = \"\";\n for (var i=1; i