29:null 2a:["$","title",null,{"children":"multi-dimension | Beatriz Martínez | Observable"}] 2f:Tab5,// Hat tip to https://georgefrancis.dev/writing/crafting-organic-patterns-with-voronoi-tessellations/ getRandomGrid = ( step = 10, amount = Math.round((width * height) / step ** 2), rndseed = 1984, source = 'perceived' ) => { amount = amount >= 0 ? amount : Math.round((width * height) / step ** 2); const rnd = almostRandom(rndseed); const start = new Array(amount) .fill(0) .map(() => [rnd() * width, rnd() * height]); const delaunay = Delaunay.from(start); const voronoi = delaunay.voronoi([0, 0, width, height]); const points = []; for (let k = 0; k < relax; k++) { for (let i = 0; i < delaunay.points.length; i += 2) { const cell = voronoi.cellPolygon(i >> 1); if (cell === null) continue; const x0 = delaunay.points[i]; const y0 = delaunay.points[i + 1]; const [x1, y1] = polygonCentroid(cell); delaunay.points[i] = x1; delaunay.points[i + 1] = y1; } voronoi.update(); } const values = { actual: [110, 200, 250, 320, 350, 400, 430, 500, 540, 570, 600, 630, 650, 670], perceived: [300,400,420,430,440, 445,465,555] } for (let i = 0; i < delaunay.points.length; i += 2) { let fill; switch(true) { case (i < values[source][0]): fill = colors[11] break; case (i > values[source][0] && i < values[source][1]): fill = colors[0] break; case (i > values[source][1] && i < values[source][2]): fill = colors[1] break; case (i > values[source][2] && i < values[source][3]): fill = colors[2] break; case (i > values[source][3] && i < values[source][4]): fill = colors[3] break; case (i > values[source][4] && i < values[source][5]): fill = colors[4] break; case (i > values[source][5] && i < values[source][6]): fill = colors[5] break; case (i > values[source][6] && i < values[source][7]): fill = colors[6] break; case (i > values[source][7] && i < values[source][8]): fill = colors[7] break; case (i > values[source][8] && i < values[source][9]): fill = colors[8] break; case (i > values[source][9] && i < values[source][10]): fill = colors[9] break; case (i > values[source][10] && i < values[source][11]): fill = colors[10] break; case (i > values[source][11] && i < values[source][12]): fill = '#ab354b' break; case (i > values[source][12] && i < values[source][13]): fill = colors[12] break; default: fill = '#f1ec9b'; } points.push([delaunay.points[i], delaunay.points[i + 1], fill]); } return points; }30:[] 2d:{"id":"0cf74eb396cd8f6a","slug":null,"title":"multi-dimension","thumbnail":"002fd28189b2c1094b11596ed1620448450cbeff50fcbab006efa811ad25c4a8","access_level":"public","create_time":"$D2023-09-28T07:46:37.308Z","update_time":"$D2023-09-28T10:17:12.867Z","view_time":null,"first_public_time":"$D2023-09-28T07:46:37.308Z","fork":{"id":"b57c20562599071b","slug":null,"title":"Proporción","owner":{"id":"24df172f750e2226","login":"maritrinez","name":"Beatriz Martínez"}},"stars":0,"starred":false,"owner":{"type":"team","id":"24df172f750e2226","login":"maritrinez","name":"Beatriz Martínez","avatar_url":"https://avatars-next.observableusercontent.com/203873aa26b99a1ec4a48a781f51932dc306228c9f73b383ada133c6f2f181b7","tier":"starter_2024"},"version":290,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"8655f512d4072d08","login":"maritrinez","name":"Beatriz Martínez","avatar_url":"https://avatars-next.observableusercontent.com/203873aa26b99a1ec4a48a781f51932dc306228c9f73b383ada133c6f2f181b7","tier":null}],"members":[{"type":"individual","id":"8655f512d4072d08","login":"maritrinez","name":"Beatriz Martínez","avatar_url":"https://avatars-next.observableusercontent.com/203873aa26b99a1ec4a48a781f51932dc306228c9f73b383ada133c6f2f181b7","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"multi-dimension","cells":[{"id":0,"value":"# multi-dimension","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"

\n \n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof amount = Inputs.range([0, 1000], {\n value: 1000,\n step: 1,\n label: \"Amount\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"viewof step = Inputs.range([4, 100], {\n value: 20,\n step: 1,\n label: \"Radius\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"viewof relax = Inputs.range([0, 50], {\n value: 10,\n step: 1,\n label: \"Relax\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":81,"value":"viewof rndseed = Inputs.range([0, 4000], {\n value: 1945,\n step: 1,\n label: \"Random Seed\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":261,"value":"colors = [\"#FDF5DF\", \"#5EBEC4\", \"#FFC700\", \"#FF005C\", \"#F92C85\", \"#42CDFF\", \"#0BD45E\", \"#832EB1\", \"#FFFF00\", \"#36FF86\", \"#44bf70\", \"#7ad151\", \"#bddf26\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"delaunay = require(\"d3-delaunay\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":"Delaunay = delaunay.Delaunay","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"polygon = require(\"d3-polygon\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"polygonCentroid = polygon.polygonCentroid","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"width = 400\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"height = 400\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":51,"value":"import { almostRandom } from \"@dmitrybaranovskiy/smooth-curve\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"import {interval} from '@mootari/range-slider'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W30","stdlib":"1","titling":"auto"}} 2e:"$2d:body"