Unlisted
Edited
Jul 25, 2024
viewof intensity = makeSliderWithValue("PPP intensity", 5, 20, 0.1, 10,"")
viewof M = makeSliderWithValue("Connection radius", 10, 25, 0.1, 20,"")
radius = 1
height = 600
viewof WIDTH = Inputs.text({ label: "Width (px):", value: 1000 })
function poissonSampler(width, height, intensity) {
var q = [];
for (var i = 0; i < Math.floor(PoissonProcess.sample(intensity* width* height/10000)); i++) {
q.push([Math.random()*width,Math.random()*height])
};
return q;
}
import {makeSliderWithValue} from "@kemper/code-snippets"
intensity2 = function makeSliderWithValue(name, inputMin, inputMax, inputStep, initialValue, units) {
const div = html`<input type=range min=${inputMin} max=${inputMax} step=${inputStep} style="width:75%"> <code style="color:"#686963";">${name}:</code> <strong><output></output></strong> ${units}`;
const range = div.querySelector("[type=range]");
const number = div.querySelector("output");
div.value = range.value = initialValue;
number.textContent = initialValue;
range.addEventListener("input", () => number.textContent = div.value = range.valueAsNumber);
return div;
}
PoissonProcess = require ('https://unpkg.com/poisson-process/dist/poisson-process.min.js')
d3 = require("d3")
color_palette = ["#db5461", "#686963", "#8aa29e", "#3d5467", "#f1edee"]
get_color = () => {
var rand = color_palette[(Math.random() * color_palette.length) | 0]
return rand
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
