31:T6a9,function* poissonDiscSampler(x0, y0, x1, y1, r, k = 30) { if (!(x1 >= x0) || !(y1 >= y0) || !(r > 0)) throw new Error; const width = x1 - x0; const height = y1 - y0; const r2 = r * r; const r2_3 = 3 * r2; const cellSize = r * Math.SQRT1_2; const gridWidth = Math.ceil(width / cellSize); const gridHeight = Math.ceil(height / cellSize); const grid = new Array(gridWidth * gridHeight); const queue = []; function far(x, y) { const i = x / cellSize | 0; const j = y / cellSize | 0; const i0 = Math.max(i - 2, 0); const j0 = Math.max(j - 2, 0); const i1 = Math.min(i + 3, gridWidth); const j1 = Math.min(j + 3, gridHeight); for (let j = j0; j < j1; ++j) { const o = j * gridWidth; for (let i = i0; i < i1; ++i) { const s = grid[o + i]; if (s) { const dx = s[0] - x; const dy = s[1] - y; if (dx * dx + dy * dy < r2) return false; } } } return true; } function sample(x, y) { queue.push(grid[gridWidth * (y / cellSize | 0) + (x / cellSize | 0)] = [x, y]); return [x + x0, y + y0]; } yield sample(width / 2, height / 2); pick: while (queue.length) { const i = Math.random() * queue.length | 0; const parent = queue[i]; for (let j = 0; j < k; ++j) { const a = 2 * Math.PI * Math.random(); const r = Math.sqrt(Math.random() * r2_3 + r2); const x = parent[0] + r * Math.cos(a); const y = parent[1] + r * Math.sin(a); if (0 <= x && x < width && 0 <= y && y < height && far(x, y)) { yield sample(x, y); continue pick; } } const r = queue.pop(); if (i < queue.length) queue[i] = r; } }32:[{"id":"ee0fd95363d3a0d914ffee2d98abc32f53a00b246041e00be5822c024f22b1b1b350395603658d172a5b02aebf99fe1003e3c1b1321b97dcf7f53b32943eef0d","href":"https://static.observableusercontent.com/files/ee0fd95363d3a0d914ffee2d98abc32f53a00b246041e00be5822c024f22b1b1b350395603658d172a5b02aebf99fe1003e3c1b1321b97dcf7f53b32943eef0d","name":"10_sazivSabora.csv","type":"text/csv","lastModified":1610720162746.614,"size":9023},{"id":"e6fb4f8d0dad065b131ec22718ac7de666261cdbf3aca17819e57a3b7f509c4b1aa04a5e8c916e7f6327b890a9a8bcb84221f200dd74201e34b86e95016ede37","href":"https://static.observableusercontent.com/files/e6fb4f8d0dad065b131ec22718ac7de666261cdbf3aca17819e57a3b7f509c4b1aa04a5e8c916e7f6327b890a9a8bcb84221f200dd74201e34b86e95016ede37","name":"weepeople.woff2","type":"font/woff2","lastModified":1610720151774.177,"size":26944}] 2f:{"title":"10. saziv sabora, potrošači","cells":[{"id":0,"value":"md`# 10. saziv sabora, potrošači\nData: @parlametar`","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"sabor = {\n const svg = d3\n .create(\"svg\")\n .attr(\"viewBox\", [0, 0, width, height])\n .attr(\"font-family\", \"sans-serif\")\n // .style('background-color', '#E5E5E3')\n .attr(\"font-size\", 10);\n\n let credit = svg\n .append('text')\n .attr('x', width * 0.5)\n .attr('y', height * 0.88) //height / 2\n .attr('fill', '#546767')\n .attr('text-anchor', 'start')\n .attr('font-size', 12)\n .style('opacity', 1)\n .text(`Autor @velimirgasp, podaci @parlametar`);\n\n svg\n .selectAll('text')\n .data(saborData)\n .enter()\n .append('text')\n .style('font', `24px/33px ${font.family}`)\n .style('font-size', (d, i) => size(d.Ukupno))\n .style('cursor', 'pointer')\n .attr('fill', (d, i) => color(d.Ukupno))\n .attr('x', (d, i) => samples[i][0])\n .attr('y', (d, i) => samples[i][1])\n .text((d, i) => characters[i % characters.length])\n .append('title')\n .text(\n (d, i) => `${d['Prezime i ime']}\n${d3.format(',')(d['Ukupno'])}`\n );\n\n return svg.node();\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":298,"value":"saborData = {\n let retval = d3\n .csvParse(await FileAttachment('10_sazivSabora.csv').text(), d3.autoType)\n .sort((a, b) => b.Ukupno - a.Ukupno);\n\n return retval;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":184,"value":"viewof characters = {\n const div = html`

abcdefghijklmnopqr

`;\n div.value = Array.from(div.textContent);\n return div;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":315,"value":"color = d3.scaleDiverging(\n [-1000, d3.mean(saborData, d => d.Ukupno), d3.max(saborData, d => d.Ukupno)],\n d3.interpolateTurbo\n)","pinned":true,"hidden":false,"mode":"ojs"},{"id":367,"value":"size(1000)","pinned":true,"hidden":false,"mode":"ojs"},{"id":364,"value":"size = d3\n .scaleLinear()\n .domain(d3.extent(saborData, d => d.Ukupno))\n .range([34, 60])","pinned":true,"hidden":false,"mode":"ojs"},{"id":126,"value":"samples = [...poissonDiscSampler(0, 0, width, height, radius)]\n .sort(\n ([ax, ay], [bx, by]) =>\n Math.hypot(ax - width / 2, ay - height / 2) -\n Math.hypot(bx - width / 2, by - height / 2)\n )\n .slice(0, saborData.length)","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"radius = 24","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs"},{"id":162,"value":"font = {\n const font = new FontFace(\"WeePeople\", `url(${await FileAttachment(\"weepeople.woff2\").url()})`);\n await font.load();\n document.fonts.add(font);\n return font;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"d3 = require('d3@6')","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}