31:[{"id":"67a12d2392a03e42439d30df8668fadf01a7345b464a71d217ea6fa33b8f8e73376ec888249dc51b84e0113e15f6524b13e795f0b46058132fd1bf5441d4ff35","href":"https://static.observableusercontent.com/files/67a12d2392a03e42439d30df8668fadf01a7345b464a71d217ea6fa33b8f8e73376ec888249dc51b84e0113e15f6524b13e795f0b46058132fd1bf5441d4ff35","name":"10N_LEWITT_512_V1R3-Large-TIFF_4000-pixels-long-850x737.jpg","type":"image/jpeg","lastModified":1640089123147.153,"size":128844}] 2f:{"title":"Sol Lewitt – Wall Drawing 273","cells":[{"id":0,"value":"# Sol Lewitt – Wall Drawing 273","pinned":false,"hidden":false,"mode":"md"},{"id":1398,"value":"Generated","pinned":false,"hidden":false,"mode":"md"},{"id":870,"value":"wd237(wall)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1400,"value":"Original","pinned":false,"hidden":false,"mode":"md"},{"id":1377,"value":"FileAttachment(\"10N_LEWITT_512_V1R3-Large-TIFF_4000-pixels-long-850x737.jpg\").image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":1127,"value":"viewof wall = Inputs.radio(\n instructions,\n {\n label: \"Wall Number\",\n value: instructions[instructions.length - 1],\n format: (_, i) => i + 1\n }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1241,"value":"### Sol LeWitt’s Wall Drawing 273, September 1975\n#### Graphite and crayon on seven walls\n\n* A 6” (15 cm) grid covering the walls. Lines from corners, sides, and center of the walls to random points on the grid.\n\n* 1st wall: Red lines from the midpoints of four sides;\n\n* 2nd wall: Blue lines from the four corners;\n\n* 3rd wall: Yellow lines from the center;\n\n* 4th wall: Red lines from the midpoints of four sides, blue lines from four corners;\n\n* 5th wall: Red lines from the midpoints of four sides, yellow lines from the center;\n\n* 6th wall: Blue lines from four corners, yellow lines from the center;\n\n* 7th wall: Red lines from the midpoints of four sides, blue lines from four corners, yellow lines from the center.\n\n* Each wall has an equal number of lines. (The number of lines and their length are determined by the draftsman.)\n\nSource: [Drawing with Instructions « Inspired by Sol LeWitt’s Wall Drawing 273 « SfMoMa](https://www.sfmoma.org/read/drawing-with-instructions/)","pinned":false,"hidden":false,"mode":"md"},{"id":1208,"value":"viewof refresh = Inputs.button(\"Generate a new version of wd273\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":411,"value":"viewof r = Inputs.color({label: \"Midpoints\", value: d3.color(\"crimson\").formatHex()})","pinned":false,"hidden":false,"mode":"ojs"},{"id":409,"value":"viewof b = Inputs.color({label: \"Corners\", value: d3.color(\"steelblue\").formatHex()})","pinned":false,"hidden":false,"mode":"ojs"},{"id":403,"value":"viewof y = Inputs.color({label: \"Center\", value: d3.color(\"gold\").formatHex()})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1434,"value":"#### Tweak the ‘pencilness’ of the lines","pinned":false,"hidden":false,"mode":"md"},{"id":27,"value":"viewof frequency = Inputs.range([1/100, 1], {label: \"Frequency\", value: .9, step: .01})","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"viewof strokeWidth = Inputs.range([1/10, 10], {label: \"Stroke Width\", value: .7, step: 1/10})","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"viewof scale = Inputs.range([1, 20], {label: \"Scale\", value: 3, step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":974,"value":"viewof octaves = Inputs.range([0, 4], {label: \"Octaves\", value: 4, step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":997,"value":"viewof seed = Inputs.range([0, 1000], {label: \"Seed\", value: 0, step: 1})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1441,"value":"## Engine Room","pinned":false,"hidden":false,"mode":"md"},{"id":845,"value":"wd237 = (wall) => {\n const b = 10 * 5;\n const axis = ({domain: [0, 1], tickSize: 0, tickFormat: _ => null});\n return penciler(\n Plot.plot({\n width: b * 17, height: b * 15,\n marginLeft: 0, marginRight: 0,\n marginTop: 0, marginBottom: 0,\n x: axis, y: axis,\n style: {background: \"#f0f0e9\"},\n marks: markers(wall)\n }),\n wall\n );\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":864,"value":"markers = (wells) => wells.map(\n ({stroke, rays}) =>\n Plot.link(\n rays,\n {\n x1: \"x1\",\n y1: \"y1\",\n x2: \"x2\",\n y2: \"y2\",\n stroke,\n }\n )\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":444,"value":"instructions = combinations(1, 3, lines)","pinned":true,"hidden":false,"mode":"ojs"},{"id":1195,"value":"lines = [middles, corners, center]","pinned":true,"hidden":false,"mode":"ojs"},{"id":397,"value":"middles = ({\n name: \"midpoints\",\n stroke: r,\n rays: liner({\n length: 10,\n points: [\n [0, 0.5],\n [0.5, 0],\n [0.5, 1],\n [1, 0.5]\n ]\n })\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":399,"value":"corners = ({\n name: \"corners\",\n stroke: b,\n rays: liner({\n length: 10,\n points: [\n [0, 0],\n [0, 1],\n [1, 0],\n [1, 1]\n ]\n }),\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":400,"value":"center = ({\n name: \"center\",\n stroke: y,\n rays: liner({\n length: 20,\n points: [\n [1/2, 1/2],\n ],\n })\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1052,"value":"liner = ({points, length = 10}) => {\n refresh;\n const r = () => Math.random();\n return points\n .flatMap(\n ([x1, y1]) => \n Array.from(\n {length}, () => ({\n x1,\n y1,\n x2: r(),\n y2: r(),\n })\n ))\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":712,"value":"// this is a fragile hack! selects nodes based on (unique?) stroke color\n// are there better ways to select nodes w/o id?\npenciler = (pad, well) => {\n const r = d3.select(pad);\n pencil({defs: r.append(\"defs\"), frequency: frequency, scale, seed, octaves});\n well.forEach(\n ({stroke}) =>\n r\n .selectAll(`g[stroke='${stroke}']`)\n .attr(\"stroke-width\", strokeWidth)\n .attr(\"filter\", \"url(#pencil)\")\n );\n return pad;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":3,"value":"pencil = ({defs, id = \"pencil\", frequency = 0.035, scale = 7, seed = 0, octaves}) => {\n const filter = defs\n .append(\"filter\")\n .attr(\"id\", id)\n ;\n filter\n .append(\"feTurbulence\")\n .attr(\"baseFrequency\", frequency)\n .attr(\"numOctaves\", octaves)\n // .attr(\"type\", \"fractalNoise\")\n // .attr(\"seed\", seed)\n ;\n filter\n .append(\"feDisplacementMap\")\n .attr(\"in\", \"SourceGraphic\")\n .attr(\"scale\", scale)\n ;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1249,"value":"function combinations(min, max, list) {\n\n var result = [];\n\n function combis(n, left, right = [], push = true) {\n if (push && n === right.length)\n result.push(right);\n if (!left.length)\n return [];\n combis(n, left.slice(1), right, false);\n combis(n, left.slice(1), [...right, left[0]]);\n return result;\n }\n\n return (min <= max)\n ? [\n ...combis(min, list).reverse(), // reverse to maintain list’s order\n ...combinations(min + 1, max, list)\n ]\n : []\n ;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":425,"value":"function permutations(n, tokens, subperms = [[]]) {\n return n < 1 || n > tokens.length ?\n subperms :\n R.addIndex(R.chain)((token, idx) => permutations(\n n - 1,\n R.remove(idx, 1, tokens), \n R.compose(R.map, R.append)(token)(subperms)\n ), tokens);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1445,"value":"#### Testing pencilness using [feTurbulence](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feTurbulence)","pinned":false,"hidden":false,"mode":"md"},{"id":98,"value":"svg``","pinned":false,"hidden":false,"mode":"ojs"},{"id":423,"value":"R = require(\"ramda\")","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}