2b:null 2c:["$","title",null,{"children":"Wall Painting Planner | Peter Scriven | Observable"}] 31:T7ca,function generate_dist(colors_count, row_count, row, randomness) { const equal_prob = 1 / colors_count // #### Distance-based Approach #### // const row_center = (row + .5) / row_count; // const color_centers = Array(colors_count).fill(0).map((_, i) => i / (colors_count-1)) // const distances = color_centers.map(c => c - row_center) // .map(d => (d == 0) ? 100 : Math.abs(1 / d)) // return distances // Normalised // const distance_sum = distances.reduce((a, v) => a + v, 0) // return distances.map(p => p * (1 / distance_sum)) // const ordered = distances.map(d => { // const o = { distance: d, order: distances.reduce((sum, val) => (d+0.002 < val) ? ++sum : sum, 0) } // return o // }) // const min_dist = Math.min(...distances); // const min_count = distances.reduce((a, v) => Math.abs(v - min_dist) < 0.0001 ? a++ : a, 0) // Either 1 or 2 // const probs = ordered.map(d => { // // Closest color => start at 1 // if (d.order == 0) // return 1 - (randomness * 0.01 * (1 - equal_prob)) // // Other colors => start at 0 // else // return randomness * 0.01 * equal_prob // }) // Normalise // const prob_sum = probs.reduce((a, v) => a + v, 0) // const norm_probs = probs.map(p => p * (1 / prob_sum)) // return probs // #### Normal Distribution-based Approach #### const ncolor_centers = Array(colors_count).fill(0).map((_, i) => ((i) / (colors_count-1)) * row_count) const nprobs = ncolor_centers.map(c => 2 ** -((row - c) ** 2 / (((randomness * 0.1 * row_count)/colors_count+1) ** 2))) // return nprobs // Normalised const norms_sum = nprobs.reduce((a, v) => a + v, 0) const norm_probs = nprobs.map(p => p * (1 / norms_sum)) // return norm_probs // Transform into upper bounds const upper_bounds = norm_probs.reduce((a, val) => { const prev = a.length === 0 ? 0 : a[a.length-1] a.push(prev + val) return a }, []) return upper_bounds }32:[] 2f:{"id":"2e970aa746a71542","slug":"wall-painting","title":"Wall Painting Planner","thumbnail":"7d4ce1ca73580449b9937edda01df3a6bcdd2d19bd1fce826a52c761f06f9dbe","access_level":"public","create_time":"$D2021-12-26T04:55:31.677Z","update_time":"$D2024-09-02T02:55:23.259Z","view_time":null,"first_public_time":"$D2024-09-02T02:49:43.417Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"7d3b969c7f48c9b9","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":"starter_2024"},"version":556,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c12a8b72d5b9e5d5","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":null}],"members":[{"type":"individual","id":"c12a8b72d5b9e5d5","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":null,"role":"editor"},{"type":"team","id":"7d3b969c7f48c9b9","login":"pjpscriv","name":"Peter Scriven","avatar_url":"https://avatars-next.observableusercontent.com/fcdc3ee8f3194982ddb39cb3951762cc03fb7ba8cc8ff01a1c2a0dd1f8981d0c","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Wall Painting Planner","cells":[{"id":0,"value":"# Wall Painting Planner\n\nBecause apparently this this is the way to do it.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":374,"value":"import {StackedBarChart} from \"@d3/stacked-bar-chart\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"viewof colors = Inputs.radio(\n Object.keys(swatches), \n {\n value: Object.keys(swatches)[0], \n label: null,\n format: l => draw_swatch(swatches[l])\n }\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"viewof reverse = Inputs.checkbox([\"\"], { label: html`Reverse:` })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"## Algorithm Check","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":335,"value":"data = {\n let d = []\n let c_array = swatches[colors]//.slice(1)\n // d.push([\"row\", \"prob\", \"color\"])\n const rows = test_row_count\n for (let row = 0; row < rows; row++) {\n let probs = generate_dist(c_array.length, rows, row, randomness)\n for (let j = 0; j < c_array.length; j++) {\n d.push({\n color: c_array[j],\n row: row,\n prob: probs[j]\n })\n }\n }\n return d\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"swatches[colors]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"## The Walls","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"viewof randomness = slider({\n title: \"Randomness\",\n max: 30,\n min: -2,\n step: .1,\n value: 5\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"draw_wall(wall_2_brick_widths)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"draw_wall(wall_1_brick_widths)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"viewof stroke_color = Inputs.color({\n label: \"Stroke Color:\",\n value: \"#ffffff\" //d3.rgb(\"#\"+swatches[colors][Math.floor((swatches[colors].length - 1) / 2)]).brighter(.5).formatHex()\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"height = 350;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"swatches = ({\n \"swatch-10\": [\"6699cc\",\"fff275\",\"ff8c42\",\"ff3c38\",\"a23e48\"],\n \"swatch_1\": [\"fa7921\",\"fe9920\",\"b9a44c\",\"566e3d\",\"0c4767\"],\n \"swatch_2\": [\"ff69eb\",\"ff86c8\",\"ffa3a5\",\"ffbf81\",\"ffdc5e\"],\n \"swatch_3\": [\"bbdef0\",\"00a6a6\",\"efca08\",\"f49f0a\",\"f08700\"],\n \"swatch_4\": [\"1e91d6\",\"0072bb\",\"8fc93a\",\"e4cc37\",\"e18335\"],\n \"swatch_5\": [\"4a4238\",\"4d5359\",\"508484\",\"79c99e\",\"97db4f\"],\n \"swatch_6\": [\"14281d\",\"355834\",\"6e633d\",\"c2a878\",\"f1f5f2\"],\n \"swatch_7\": [\"1e212b\",\"4d8b31\",\"ffc800\",\"ff8427\",\"ffffff\"],\n \"swatch_8\": [\"585123\",\"eec170\",\"f2a65a\",\"f58549\",\"772f1a\"],\n \"swatch_9\": [\"606c38\",\"283618\",\"fefae0\",\"dda15e\",\"bc6c25\"],\n \"swatch_11\": [\"fe5d26\",\"f2c078\",\"faedca\",\"c1dbb3\",\"7ebc89\"]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"wall_1_brick_widths = [\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1],\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1],\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1],\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1],\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1],\n [.5, 1, 1, 1, 1, 1, .5],\n [1, 1, 1, 1, 1, 1]\n];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":304,"value":"wall_2_brick_widths = [\n [1,1,1,1,1,1,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2],\n [1,1,1,.5,.5,.5,.5,.5,.5,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2],\n [1,1,1,1,1,1,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2],\n [1,1,1,1,1,1,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2],\n [1,1,1,1,1,1,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2],\n [1,1,1,1,1,1,1,1,.7],\n [.5,1,1,1,1,1,1,1,1,.2]\n]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":41,"value":"function draw_swatch(colors) {\n // const colors = d3[`scheme${name}`];\n colors = colors.map(c => `#${c}`);\n const n = colors.length;\n const dark = d3.lab(colors[0]).l < 50;\n const canvas = svg`