29:null 2a:["$","title",null,{"children":"Proporción | Beatriz Martínez | Observable"}] 2f:T484,

30:T629,// Hat tip to https://georgefrancis.dev/writing/crafting-organic-patterns-with-voronoi-tessellations/ getRandomGrid = ( width, height, step = 10, amount = Math.round((width * height) / step ** 2), rndseed = 1984, pct ) => { 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 count = (amount * pct * 2) / 100 const perc = ((amount * perceived * 2) / 100) for (let i = 0; i < delaunay.points.length; i += 2) { const fill = i < count ? c[0].green : c[0].yellow ; const stroke = i > count && i < perc ? 'black' : 'none'; let classed; switch(true) { case (i < count): classed = 'highlight' break; case (i >= count && i < perc): classed = 'diff' break; default: classed = 'other'; } points.push([delaunay.points[i], delaunay.points[i + 1], fill, stroke, classed]); } return points; }31:[] 2d:{"id":"b57c20562599071b","slug":null,"title":"Proporción","thumbnail":"95c81cadf05403062a3b7218264599827dc5a511cc175af87743ea53fb567b94","access_level":"public","create_time":"$D2023-09-27T19:51:06.941Z","update_time":"$D2023-10-04T09:50:34.047Z","view_time":null,"first_public_time":"$D2023-09-27T19:51:06.941Z","fork":{"id":"d93c6eda9c19dd43","slug":"random-grid","title":"Random Grid","owner":{"id":"e3672025b6b6f436","login":"dmitrybaranovskiy","name":"Dmitry Baranovskiy"}},"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":423,"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":1,"collection":null,"type":"notebook","body":{"title":"Proporción","cells":[{"id":0,"value":"# Proporción\nProporción de inmigrantes respecto a la población total","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"$2f","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"viewof amount = Inputs.range([0, 10000], {\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":173,"value":"viewof perceived = Inputs.range([0, 100], {\n value: 30,\n step: 0.1,\n label: \"Perceived\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"viewof actual = Inputs.range([0, 100], {\n value: 15,\n step: 1,\n label: \"Actual\"\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":37,"value":"viewof height = Inputs.range([100, 800], {\n value: 500,\n step: 10,\n label: \"Height\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":191,"value":"viewof width = Inputs.range([100, 800], {\n value: 500,\n step: 10,\n label: \"Width\"\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":109,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"c = [{\n yellow: '#ebe46e',\n lightyellow: '#f1ec9b',\n ruby: '#ab354b',\n green: '#00cdb1'\n}]","pinned":true,"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":51,"value":"import { almostRandom } from \"@dmitrybaranovskiy/smooth-curve\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"