2c:null 2d:["$","title",null,{"children":"Structure à partir de la lettre U | Hermann Zschiegner | Observable"}] 32:T5cd,function drawPattern(w,x,y,id) { // console.log(w,x,y) let rot = randomNumber(-45,45) const g = svg``; g.setAttributeNS(null, "transform", "rotate("+rot+","+(x+w/2)+","+(y+w/2)+")"); //The Frame const frame = svg`` frame.setAttributeNS(null, "stroke", "#000000"); frame.setAttributeNS(null, "stroke-width", .2); frame.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //The Clipping Path const clip = svg`` clip.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //First C const c1 = svg`` //Second C const c2 = svg`` g.appendChild(clip); // g.appendChild(frame); g.appendChild(c1); g.appendChild(c2); return g; }33:T660,grid2 = { var x = 1 var y = 1 var w = 200 var id = 1 function testPath(x,y) { var lineGenerator = d3.line(); var pathData = lineGenerator(cShape(x,y)) return pathData+"Z" } // reset; const s = DOM.svg(500, 500); s.setAttributeNS(null, 'width', 500); s.setAttributeNS(null, 'height', 500); // This is the group in which we will append each pattern const g = svg``; // g.appendChild(svg``) //The Frame const frame = svg`` frame.setAttributeNS(null, "stroke", "#000000"); frame.setAttributeNS(null, "stroke-width", .2); // frame.setAttributeNS(null, "transform", "rotate("+(-rot)+","+(x+w/2)+","+(y+w/2)+")"); //The Clipping Path const clip = svg`` clip.setAttributeNS(null, "transform", "rotate("+(-45)+","+(x+w/4)+","+(y+w/2)+")"); // clip.setAttributeNS(null, "transform"+", "+(x+w/2)+","+(y+w/2)+")"); //First C const c1 = svg`` c1.setAttributeNS(null, "transform", "rotate("+(45)+","+(x+w/4)+","+(y+w/2)+")"); //Second C // const c2 = svg`` s.appendChild(g); g.appendChild(clip); g.appendChild(frame); g.appendChild(c1); // g.appendChild(c2); return s; }34:[{"id":"0505b1c7ebd16874efa3c8a81a0bba0431f2ee8e2acd420ec93a1b89f67f416cd0dd0db5c2af0d4f7a3762f772c0684e73740c9fbfac7edf8cf56091e3471938","href":"https://static.observableusercontent.com/files/0505b1c7ebd16874efa3c8a81a0bba0431f2ee8e2acd420ec93a1b89f67f416cd0dd0db5c2af0d4f7a3762f772c0684e73740c9fbfac7edf8cf56091e3471938","name":"lettre_U.jpg","type":"image/jpeg","lastModified":1635863777774.741,"size":769779}] 30:{"id":"52792ae8e474a5bc","slug":"structure-a-partir-de-la-lettre-u","title":"Structure à partir de la lettre U","thumbnail":"3b164f4290532b275529c0ccb95696f2bdab194edd40cef8f386bdd1d0d530a0","access_level":"public","create_time":"$D2021-10-28T01:24:17.950Z","update_time":"$D2022-10-14T13:58:05.780Z","view_time":null,"first_public_time":"$D2021-10-29T20:23:22.895Z","has_unpublished_edits":null,"fork":{"id":"bd116742b1f91cf4","slug":"simple-d3","title":"Simple D3","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":0,"starred":false,"owner":{"type":"team","id":"289b294903dd96dd","login":"hzschie","name":"Hermann Zschiegner","avatar_url":"https://avatars-next.observableusercontent.com/03082060091459354a268bf139a434301b82d61d8334dfda0219a270398b70ac","tier":"starter_2024"},"version":880,"publish_version":880,"role":null,"authored":false,"authors":[{"type":"individual","id":"72fcffbbad5f6489","login":"hzschie","name":"Hermann Zschiegner","avatar_url":"https://avatars-next.observableusercontent.com/03082060091459354a268bf139a434301b82d61d8334dfda0219a270398b70ac","tier":null}],"members":[{"type":"individual","id":"72fcffbbad5f6489","login":"hzschie","name":"Hermann Zschiegner","avatar_url":"https://avatars-next.observableusercontent.com/03082060091459354a268bf139a434301b82d61d8334dfda0219a270398b70ac","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Structure à partir de la lettre U","cells":[{"id":0,"value":"# Structure à partir de la lettre U\n### Vera Molnar, 2020 \n- Acrylic on canvas\n- 31 1/2 × 31 1/2 in\n- 80 × 80 cm","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":878,"value":"FileAttachment(\"lettre_U.jpg\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":747,"value":"viewof l = Inputs.range([10, 50], {label: \"C - size\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":796,"value":"viewof cellSize = Inputs.range([50, 100], {label: \"Cell Size\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":441,"value":"grid = {\n // reset;\n const s = DOM.svg(width, height);\n s.setAttributeNS(null, 'width', width);\n s.setAttributeNS(null, 'height', height);\n\n // This is the group in which we will append each pattern\n const g = svg``;\n s.appendChild(g);\n g.appendChild(svg``)\n\n var id = 0\n // Distribute and draw patterns\n for (let y = 0; y < 12; y++) {\n for (let x = 0; x < 12; x++) {\n g.appendChild(drawPattern(cellSize, x * cellSize, y * cellSize, id));\n id++\n } \n }\n return s;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":451,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"function path(x,y,r) {\n var lineGenerator = d3.line();\n var pathData = lineGenerator(cShapeRotate(x,y,r))\n // console.log(x,y,r)\n return pathData+\"Z\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":755,"value":"function randomNumber(min, max) {\n return Math.random() * (max - min) + min;\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":631,"value":"function toRadians (angle) {\n return angle * (Math.PI / 180);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":561,"value":"function cShapeRotate(x,y,r=0){\n var r1 = 45\n var r2 = Math.atan(.5) * 180 / Math.PI\n var l1 = Math.sqrt(l*l + l*l)\n var l2 = Math.sqrt(l*l + ((2*l)*(2*l)))\n\n return [\n [Math.sin(toRadians(r))*l + x, -Math.cos(toRadians(r))*l + y], \n [Math.sin(toRadians(r+r1))*l1 + x, -Math.cos(toRadians(r+r1))*l1 + y], \n [Math.sin(toRadians(r+r2))*l2 + x, -Math.cos(toRadians(r+r2))*l2 + y], \n [Math.sin(toRadians(r-r2))*l2 + x, -Math.cos(toRadians(r-r2))*l2 + y], \n [-Math.sin(toRadians(r+r2))*l2 + x, Math.cos(toRadians(r+r2))*l2 + y],\n [Math.sin(toRadians(r2-r))*l2 + x, Math.cos(toRadians(r2-r))*l2 + y],\n [Math.sin(toRadians(r1-r))*l1 + x, Math.cos(toRadians(r1-r))*l1 + y], \n [Math.sin(toRadians(-r))*l + x, Math.cos(toRadians(-r))*l + y], \n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":832,"value":"function cShape(x,y){\n return [\n [0 + x, -l + y], \n [l + x, -l + y], \n [l + x, -l*2 + y],\n [-l + x, -l*2 + y],\n [-l + x, l*2 + y],\n [l + x, l*2 + y],\n [l + x, l + y],\n [0 + x, l + y],\n ]\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"height = 1200","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"