2b:null 2c:["$","title",null,{"children":"Color Loops | Audrey Roy Greenfeld | Observable"}] 31:[] 2f:{"id":"a6eecb07a81d04d0","slug":"color-loops","title":"Color Loops","thumbnail":"e9d82b568aecf78fe179c0b69a5b8cc4f5d1c807f0b3f5d9cdb7c5cb6cf6ecd5","access_level":"public","create_time":"$D2022-04-23T15:11:50.300Z","update_time":"$D2022-04-25T18:49:55.435Z","view_time":null,"first_public_time":"$D2022-04-26T15:50:34.178Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"90e841cf88d04d69","login":"audreyfeldroy","name":"Audrey Roy Greenfeld","avatar_url":"https://avatars-next.observableusercontent.com/3d373a731c438f2d3c00430b66ede2708c86b1bcd00b1a4e789dfed0ada12a09","tier":"starter_2024"},"version":85,"publish_version":85,"role":null,"authored":false,"authors":[{"type":"individual","id":"5d71ae4a4a021327","login":"audreyfeldroy","name":"Audrey Roy Greenfeld","avatar_url":"https://avatars-next.observableusercontent.com/3d373a731c438f2d3c00430b66ede2708c86b1bcd00b1a4e789dfed0ada12a09","tier":null}],"members":[{"type":"individual","id":"5d71ae4a4a021327","login":"audreyfeldroy","name":"Audrey Roy Greenfeld","avatar_url":"https://avatars-next.observableusercontent.com/3d373a731c438f2d3c00430b66ede2708c86b1bcd00b1a4e789dfed0ada12a09","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Color Loops","cells":[{"id":0,"value":"# Color Loops","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":3,"value":"svg = htl.svg","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":10,"value":"function dotGrid1(max) {\n let lst = [];\n for (let i = 0; i < max; i++) {\n for (let j = 0; j < max; j++) {\n lst.push(\n svg.fragment``\n );\n }\n }\n return lst;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":46,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"function dotGrid2(xMax, yMax) {\n let lst = [];\n for (let i = 0; i < xMax; i++) {\n for (let j = 0; j < yMax; j++) {\n let colr = d3.interpolateViridis(i / xMax);\n lst.push(\n svg.fragment``\n );\n }\n }\n return lst;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":59,"value":"viewof r = Inputs.range([1, 30], { label: \"Radius r\", step: 0.5, value: 21 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":72,"value":"svg``","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":70,"value":"function dotGrid3(xMax, yMax) {\n let lst = [];\n for (let i = 0; i < xMax; i++) {\n for (let j = 0; j < yMax; j++) {\n let colr = d3.color(d3.interpolateViridis(i / xMax));\n colr.opacity = 0.7;\n lst.push(\n svg.fragment``\n );\n }\n }\n return lst;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":25,"value":"viewof dimensions = Inputs.radio(dimensionOptions, {\n label: \"Printing Dimensions (in.)\",\n format: (x) => x.name,\n value: dimensionOptions[5]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":27,"value":"dimensionOptions = [\n {\n name: \"4 3/16 x 2 10/16\",\n width: 4.1875,\n height: 2.625,\n displayWidth: 837.5,\n displayHeight: 525\n },\n {\n name: \"3.5x5\",\n width: 3.5,\n height: 5,\n displayWidth: 350,\n displayHeight: 500\n },\n { name: \"4x6\", width: 4, height: 6, displayWidth: 400, displayHeight: 600 },\n { name: \"6x4\", width: 6, height: 4, displayWidth: 600, displayHeight: 400 },\n { name: \"5x7\", width: 5, height: 7, displayWidth: 500, displayHeight: 700 },\n { name: \"7x5\", width: 7, height: 5, displayWidth: 700, displayHeight: 500 },\n {\n name: \"8x10\",\n width: 8,\n height: 10,\n displayWidth: 800,\n displayHeight: 1000\n },\n {\n name: \"8.5x11\",\n width: 8.5,\n height: 11,\n displayWidth: 850,\n displayHeight: 1100\n },\n {\n name: \"5.5x5.5\",\n width: 5.5,\n height: 5.5,\n displayWidth: 550,\n displayHeight: 550\n },\n { name: \"9x9\", width: 9, height: 9, displayWidth: 900, displayHeight: 900 }\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"scheme = [...Array(10).keys()].map((x) => d3.interpolateViridis(x / 10))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"