2d:null 2e:["$","title",null,{"children":"Matrix Poetry, Part 2: The Belly | 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:T6a9,function poetTree(poem) { let fontsize = 9; let start = `digraph aghhh { rankdir="LR"; node [shape=plaintext, margin=0, colorscheme="bupu${2*poem.length}"] subgraph cluster_0 { color=none; start1 [font="Arial", fontsize=${fontsize}, label=<${poetStartBox(poem, 0, 0)}>]; } subgraph cluster_1 { color=none; start2 [font="Arial", fontsize=${fontsize}, label=<

${poem[0][0]}

>]; `; let color = 2; for (let row=1; row]; `].join(""); color++; } // start = [start, `}`].join(""); // start = [start, `subgraph cluster_2 { // color=none; // `].join(""); for (let col=1; col]; `].join(""); color++; } start = [start, `}`].join(""); start = [start,` start1:f0 -> start2:m; `].join("") let port = 1; for (let row=1; row row${row}; `].join("") port++; } // start = [start, ` // start2 -> col1 [style="invis"]; // `].join("") for (let col=1; col col${col}; `].join("") port++; } start = [start, ` start1:f${port} -> row${poem.length-1}; start1:f${port} -> col${poem.length-1}; `].join("") return [start, `}`].join(""); }35:Tb18,function poetBox(poem, startrow, startcol, color) { let n = poem.length; let start = [startrow, startcol]; let sr = startrow; let sc = startcol; let colour = 0; if (startcol > 0) {colour = 1;} let label = ` `].join(""); // Form all lines that will lead to row 2, row 3, ..., row n let color_end = 2; for (let r=sr; r `].join(""); color_end++; } // Form all lines that will lead to column 2, column 3, ..., column n-1 for (let c=sc; c `].join(""); } else { label = [label, ` `].join(""); } color_end++; } label = [label, `

${poem[startrow][startcol]}	`; // Form all lines that will lead to row/col 1 if (startrow === 0) { label = [label, `${toLine(start, '1'.repeat(n-startcol-1), poem)}`].join(""); sr++; } else if (startcol === 0) { label = [label, `${toLine(start, '0'.repeat(n-startrow-1), poem)}`].join(""); sc++; } label = [label, `	${poem[0][0]}
`].join(""); // To get to row r, will need (r-startrow) "0"s and (n-1-startcol) "1"s // Needs to end on 1 let binstrings = permutations(r-startrow, n-1-startcol); label = [label, `${toLine(start, binstrings[0], poem)}`].join(""); for (let i=1; i${toLine(start, binstrings[i], poem)}`].join(""); } label = [label, `	${poem[r][0]}
`].join(""); } else { label = [label, `
`].join(""); } else { label = [label, `	`].join(""); } // To get to row r, will need (n-1-startrow) "0"s and (r-startcol) "1"s // Needs to end on 0 let binstrings = permutations(n-1-startrow, c-startcol); label = [label, `${toLine(start, binstrings[0], poem)}`].join(""); for (let i=1; i${toLine(start, binstrings[i], poem)}`].join(""); } if (c === n-1) { label = [label, `	${poem[n-1][0]}
${poem[0][n-1]}
${poem[0][c]}

`].join(""); return label; }36:T80b,function poetStartBox(poem, startrow, startcol) { let n = poem.length; let start = [startrow, startcol]; let sr = startrow; let sc = startcol; let label = ` `].join(""); // Track port let port = 1; // Form all lines that will lead to row 2, row 3, ..., row n for (let r=sr; r `].join(""); port++; } // Form all lines that will lead to column 2, column 3, ..., column n-1 for (let c=sc; c `].join(""); port++; } label = [label, `

${poem[startrow][startcol]}	`; // Form all lines that will lead to row/col 1 label = [label, `${toLine(start, '0'.repeat(n-1), poem)} ${toLine(start, '1'.repeat(n-1), poem)}`].join(""); sr++; sc++; label = [label, `
`].join(""); // To get to row r, will need (r-startrow) "0"s and (n-1-startcol) "1"s // Needs to end on 1 let binstrings = permutations(r-startrow, n-1-startcol); label = [label, `${toLine(start, binstrings[0], poem)}`].join(""); for (let i=1; i${toLine(start, binstrings[i], poem)}`].join(""); } label = [label, `
`].join(""); // To get to row r, will need (n-1-startrow) "0"s and (r-startcol) "1"s // Needs to end on 0 let binstrings = permutations(n-1-startrow, c-startcol); label = [label, `${toLine(start, binstrings[0], poem)}`].join(""); for (let i=1; i${toLine(start, binstrings[i], poem)}`].join(""); } label = [label, `

`].join(""); return label; }37:[] 31:{"id":"07852c03fde5b907","slug":"matrix-poetry-2","title":"Matrix Poetry, Part 2: The Belly","thumbnail":"37dd551a896993df899790e5ae9ec76f5a8aa82401e53a7dada12967a5643e2a","access_level":"public","create_time":"$D2022-02-16T03:15:32.682Z","update_time":"$D2023-04-14T17:04:01.648Z","view_time":null,"first_public_time":"$D2022-02-16T03:57:09.713Z","fork":false,"stars":8,"starred":false,"owner":{"type":"team","id":"bb79fbf86b2f6332","login":"penguin137","name":"Joanna Slusarewicz","avatar_url":"https://avatars-next.observableusercontent.com/c47a1c5b78ac4029d2718dd0a34b08809a1a83dd435f881c521abe55ba790a59","tier":"starter_2024"},"version":208,"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":5,"collection":{"id":"3a787ff1d2a98845","slug":"reticulated-nonsense","title":"Reticulated Nonsense","owner":{"id":"bb79fbf86b2f6332","login":"penguin137","name":"Joanna Slusarewicz"}},"type":"notebook","body":{"title":"Matrix Poetry, Part 2: The Belly","cells":[{"id":0,"value":"# Matrix Poetry, Part 2: The Belly","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":96,"value":"While the generating potential of matrix poems (see [Part 1](https://observablehq.com/@penguin137/matrix-poetry-1)) is infinite, the possible method has limitations. This fact reveals itself after examining multiple possible output poems that could result from random strings of 0s and 1s, as below.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"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":100,"value":"viewof lengthInput1 = 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":104,"value":"viewof randNums1 = Inputs.button(\"Random Number String\", {value: randBinary(lengthInput1), reduce: () => randBinary(lengthInput1)});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"**${randNums1}**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":108,"value":"md`${toPoem(randNums1, selectedPoem1)}`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"Here we see how, while each created from a unique string of digits is technically itself unique, the structures that each poem follows are quite similar to each other. This fact, in isolation, is not necessarily an artistic deficit. After all, every great work of traditional poetry is itself one poem, identical in all printings. That all poems generated from a matrix possess a shared underlying structure is simply an artifact of the art object from which those poems were generated, the single work of the poet.\n\nHowever, without an understanding of the underlying structure, this unity is difficult to manipulate. While the goal is to create intentional art with an element of randomness, the source of this randomness should be the input value rather than lack of insight into the basic mechanisms of the language game being played.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":69,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"## *Matrix Poetry, Revealed*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":135,"value":"viewof selectedPoem2 = Select(poemList, {value: poem1, label: \"Choose poem:\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"{\n const elem = document.createElement(\"div\");\n elem.innerHTML = await graphviz.dot(poetTree(selectedPoem2));\n return elem;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":141,"value":"Because the 3x3 matrix is of finite length, there are only so many steps that a poem may take either rightwards or downward before a new line is created. Thus from any starting point, there are a finite number of lines that can be generated. The figure above illustrates the possible paths that a poem might take, line by line.\n\nWith the structure of resulting poems thusly visualized, it is possible to create more intelligible matrices.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":147,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"{\n const elem = document.createElement(\"div\");\n elem.innerHTML = await graphviz.dot(poetTree(userPoem1));\n return elem;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"viewof lengthInput2 = 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":160,"value":"viewof randNums2 = Inputs.button(\"Random Number String\", {value: randBinary(lengthInput2), reduce: () => randBinary(lengthInput2)});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":162,"value":"**${randNums1}**","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":168,"value":"md`${toPoem(randNums2, userPoem1)}`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"For an analysis of how these sets of lines can be decomposed into simple patterns, see [Part 3](https://observablehq.com/@penguin137/matrix-poetry-3).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":80,"value":"md``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"# Example Poems","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":18,"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":19,"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":21,"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":206,"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":24,"value":"# Functions","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":43,"value":"## Tree-Drawing Code","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":48,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"function permutations(zeroes, ones) {\n \n if (zeroes === 0) {\n return ['1'.repeat(ones)];\n }\n if (ones === 0) {\n return ['0'.repeat(zeroes)];\n }\n \n let perms = [];\n let zed = permutations(zeroes - 1, ones);\n let one = permutations(zeroes, ones - 1);\n \n for (let r=0; r