Visual Analytics Researcher
radius = 2.5
minDistance = 40
maxDistance = 60
positions = Float64Array.from({length: n * 2}, (_, i) => Math.random() * (i & 1 ? height : width))
velocities = new Float64Array(n * 2)
delaunay = new d3.Delaunay(positions)
// voronoi = new d3.Delaunay(positions).voronoi([0, 0, width, height]);
function nearestNeighbor(i) {
const {points} = delaunay;
let minDistance = Infinity;
let minNeighbor;
const x0 = points[i * 2];
const y0 = points[i * 2 + 1];
for (const neighbor of delaunay.neighbors(i)) {
const x1 = points[neighbor * 2];
const y1 = points[neighbor * 2 + 1];
const distance = (x0 - x1) ** 2 + (y0 - y1) ** 2;
if (distance < minDistance) {
minDistance = distance;
minNeighbor = neighbor;
}
}
return minNeighbor;
}
height = 600
margin = 60
// n = 1000
d3 = require("d3-delaunay@^5.1")
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.
