2c:null 2d:["$","title",null,{"children":"Packet Traffic Modelling | ssk | Observable"}] 32:T4e9,viewof vizRelayLinks = { var plot = Plot.plot({ caption: "Link between Relays and Nodes ", color: colorize ? { scheme: "turbo", domain: myscale.domain() } : { range: ["grey", "grey"] }, grid: true, width: 500, height: 500, marks: [ Plot.dot(nodes, { x: "x", y: "y", r: (_, i) => (relayNodes.includes(i) ? 2 : 1), fill: (d, i) => (relayNodes.includes(i) ? i : 0), fillOpacity: (_, i) => (relayNodes.includes(i) ? 1 : 0.6) }), Plot.link(nodes, { x1: "x", y1: "y", x2: (d, i) => nodes[closestRelays[i]].x, y2: (d, i) => nodes[closestRelays[i]].y, strokeOpacity: 0.8, strokeDasharray: [5, 3], strokeWidth: 2, stroke: (d, i) => closestRelays[i] }), Plot.text(nodes, { x: "x", y: "y", dx: 6, dy: 6, text: (_, i) => (showNodeID && relayNodes.includes(i) ? i : "") }) ] }); return html`

${plot}

${swatches({ color: d3.scaleOrdinal( relayNodes, d3.map(relayNodes, (d) => myscale(d)) ), columns: 1, format: (x) => "Relay " + x.toString() })}

`; }33:[] 30:{"id":"4632769e2942c207","slug":"packet-traffic-modelling","title":"Packet Traffic Modelling","thumbnail":"cbef55aba269984736ed66ba9f5005e62c991e5ee41605b3e45fb95c71c6d85b","access_level":"public","create_time":"$D2021-06-17T05:19:03.646Z","update_time":"$D2021-06-19T15:59:22.169Z","view_time":null,"first_public_time":"$D2021-06-17T06:57:53.021Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"c5c8bb481057d79a","login":"wiless","name":"ssk","avatar_url":"https://avatars-next.observableusercontent.com/d2936e180fcd9258dc3aa1546b75b13da53e67e467542df478e95db717f651bb","tier":"starter_2024","bio":"Into telecom, standardization, R&D, spectrum, 3gpp, 5G, and obsessive for programming"},"version":1383,"publish_version":1383,"role":null,"authored":false,"authors":[{"type":"individual","id":"aa2d7f995bcac634","login":"wiless","name":"ssk","avatar_url":"https://avatars-next.observableusercontent.com/d2936e180fcd9258dc3aa1546b75b13da53e67e467542df478e95db717f651bb","tier":null,"bio":"Into telecom, standardization, R&D, spectrum, 3gpp, 5G, and obsessive for programming"}],"members":[{"type":"individual","id":"aa2d7f995bcac634","login":"wiless","name":"ssk","avatar_url":"https://avatars-next.observableusercontent.com/d2936e180fcd9258dc3aa1546b75b13da53e67e467542df478e95db717f651bb","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Packet Traffic Modelling","cells":[{"id":0,"value":"# Packet Traffic Modelling","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":612,"value":"About ** ${NumNodes}** are uniformly distributed between 0 to 100m in both X and Y directions. Out of the *NumNodes*=**${NumNodes}**, *NumRelayNodes* = **${NumRelayNodes}** are randomly are selected as relay nodes to which the closest nodes get connected","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"nodes = {\n reset;\n\n return Array.from({ length: NumNodes }, (val, idx) => ({\n x: d3.randomUniform(0, 100)(),\n y: d3.randomUniform(0, 100)(),\n id: idx,\n freq: d3.randomInt(0, 4)(),\n relay: relayNodes.includes(idx)\n }));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"value":"relayNodes = {\n reset;\n var id = Array.from({ length: NumNodes }, (_, d) => d);\n return d3.shuffle(id).slice(0, NumRelayNodes);\n // Array.from({ length: NumSplNodes }, d3.randomInt(0, NumNodes));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"closestRelays = {\n return d3.map(nodes, (d, idx) => {\n var distances = d3.map(relayNodes, (s) => distance(idx, s));\n var sorted = d3.sort(distances);\n var rid = distances.findIndex((xx) => xx == sorted[0]);\n return relayNodes[rid];\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":389,"value":"details = {\n return d3.map(nodes, (d, idx) => {\n if (!relayNodes.includes(idx))\n return d3.map(relayNodes, (s) => ({ d: distance(idx, s), i: s }));\n else return { d: 0, i: idx };\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"viewof NumNodes = units.range([1, 2000], {\n name: \"NumNodes\",\n value: 30,\n label: \"Number of Nodes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"viewof NumRelayNodes = units.range([1, 100], {\n name: \"NumRelayNodes\",\n value: 2,\n label: \"Number of Nodes\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"
\n# Visualization","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":403,"value":"## Step 1 : Nodes\n\nYou may want to unfold some of below cells to see the code. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":429,"value":"viewof showNodeID = Inputs.toggle({ label: \"Show NodeIDs\" })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":60,"value":"viewof reset = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":401,"value":"vizNodes = Plot.plot({\n caption: \"Geometric distribution of Nodes \",\n grid: true,\n width: 300,\n height: 300,\n marks: [\n Plot.text(nodes, {\n x: \"x\",\n y: \"y\",\n dx: 0,\n dy: 0,\n text: (_, i) => (showNodeID ? i : \"\")\n }),\n Plot.dot(nodes, {\n x: \"x\",\n y: \"y\",\n r: 5,\n fill: \"grey\",\n fillOpacity: 0.4\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1061,"value":"showDataTraffic = {\n return Plot.plot({\n caption: html`Active Transmitting Nodes slot:${hasData.slot} `,\n grid: true,\n width: 300,\n height: 300,\n color: { domain: [\"red\", \"grey\"], range: [\"red\", \"grey\"] },\n marks: [\n Plot.text(nodes, {\n x: \"x\",\n y: \"y\",\n dx: 0,\n dy: 0,\n text: (_, i) => (showNodeID ? i : \"\")\n }),\n Plot.dot(nodes, {\n x: \"x\",\n y: \"y\",\n r: 5,\n fill: (d) => (hasData.src.includes(d.id) ? \"red\" : \"grey\"),\n fillOpacity: 0.8\n })\n ]\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1359,"value":"viewof generatePacket = html`