Fern

2b:null 2c:["$","title",null,{"children":"Barnsley Fern | Audrey Roy Greenfeld | Observable"}] 31:[] 2f:{"id":"9afbf1b258c08d47","slug":"barnsley-fern","title":"Barnsley Fern","thumbnail":"3dc72ce6ccb3e04c0b578d7cb7c337a6ccfb8890ba7cf462205381bc4328dfcd","access_level":"public","create_time":"$D2022-04-21T22:44:34.037Z","update_time":"$D2022-04-28T15:10:39.009Z","view_time":null,"first_public_time":"$D2022-04-22T15:57:34.757Z","fork":true,"stars":1,"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":140,"publish_version":140,"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":0,"collection":null,"type":"notebook","body":{"title":"Barnsley Fern","cells":[{"id":0,"value":"# Barnsley Fern\nhttps://en.wikipedia.org/wiki/Barnsley_fern","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":9,"value":"svg``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":82,"value":"viewof yMultiplier = Inputs.range([-10, 1000], {\n label: \"y Multiplier\",\n step: 0.01,\n value: 60\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":81,"value":"viewof xMultiplier = Inputs.range([-10, 10000], {\n label: \"x Multiplier\",\n step: 0.01,\n value: 120\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":68,"value":"viewof xOffset = Inputs.range([-1000, 1000], {\n label: \"x Offset\",\n step: 0.5,\n value: 300\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":69,"value":"viewof yOffset = Inputs.range([0, dimensions.displayHeight - 1], {\n label: \"y Offset\",\n step: 0.5,\n value: 20\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":11,"value":"viewof rCenter = Inputs.range([0, dimensions.displayWidth - 1], {\n label: \"r Center\",\n step: 1,\n value: 5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"viewof yCenter = Inputs.range([0, dimensions.displayHeight - 1], {\n label: \"y Center\",\n step: 0.5,\n value: 200\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":12,"value":"viewof xCenter = Inputs.range([0, dimensions.displayWidth - 1], {\n label: \"x Center\",\n step: 1,\n value: 349\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":3,"value":"function fern(x, y, i) {\n let nextX, nextY;\n console.log(`fern(x=${x},y=${y},i=${i})`);\n let s = Math.random();\n if (i > 4000) {\n return;\n } else if (s < 0.01) {\n nextX = 0;\n nextY = 0.16 * y;\n } else if (s < 0.86) {\n nextX = 0.85 * x + 0.04 * y;\n nextY = -0.04 * x + 0.85 * y + 1.6;\n } else if (s < 0.93) {\n nextX = 0.2 * x - 0.26 * y;\n nextY = 0.23 * x + 0.22 * y + 1.6;\n } else {\n nextX = -0.15 * x + 0.28 * y;\n nextY = 0.26 * x + 0.24 * y + 0.44;\n }\n return Array(\n circle(\n x * xMultiplier + xOffset,\n y * yMultiplier + yOffset,\n rCenter,\n scheme[i % scheme.length]\n ),\n fern(nextX, nextY, i + 1)\n ).flat();\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":32,"value":"function circle(\n x,\n y,\n r,\n fill\n) {\n return svg.fragment``;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"viewof dimensions = Inputs.radio(dimensionOptions, {\n label: \"Printing Dimensions (in.)\",\n format: (x) => x.name,\n value: dimensionOptions[5]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":18,"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":23,"value":"viewof background = Inputs.color({\n label: \"Background\",\n value: \"#ffffff\" // scheme[(scheme.length - 4 + colorSchemeOffset) % scheme.length] // \"#fffbeb\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":24,"value":"viewof colorSchemeOffset = Inputs.range([0, scheme.length - 1], {\n label: \"Color Scheme Offset\",\n step: 1,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":26,"value":"scheme = [...Array(10).keys()].map((x) => d3.interpolateViridis(x / 10))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":35,"value":"viewof strokeOpacity = Inputs.range([0, 1], {\n label: \"Stroke Opacity\",\n step: 0.05,\n value: 0.9\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":36,"value":"viewof fillOpacity = Inputs.range([0, 1], {\n label: \"Fill Opacity\",\n step: 0.05,\n value: 0.5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":39,"value":"viewof stroke = Inputs.color({\n label: \"Stroke\",\n value: scheme[(scheme.length - 2 + colorSchemeOffset) % scheme.length]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":40,"value":"viewof strokeWidth = Inputs.range([0, 10], {\n label: \"Stroke Width\",\n step: 0.05,\n value: 1\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":43,"value":"svg = htl.svg","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"