In beetween drama and data-viz. Working at EPFL's ENAC-IT4R. Used to be student at INSA.
filter
// Find the nodes within the specified rectangle.
function search(quadtree, [[x0, y0], [x3, y3]], scanned, selected) {
scanned.length = 0;
selected.length = 0;
quadtree.visit((node, x1, y1, x2, y2) => {
if (!node.length) {
do {
const {data: d, data: [x, y]} = node;
const test = x >= x0 && x < x3 && y >= y0 && y < y3;
(test ? selected : scanned).push(d)
return test;
} while ((node = node.next));
}
return x1 >= x3 || y1 >= y3 || x2 < x0 || y2 < y0;
});
}
quadtree = d3.quadtree()
.extent([[-1, -1], [width + 1, height + 1]])
.addAll(data)
// Collapse the quadtree into an array of rectangles.
function nodes(quadtree) {
const nodes = [];
quadtree.visit((node, x0, y0, x1, y1) => void nodes.push({x0, y0, x1, y1}));
return nodes;
}
data = {
const randomX = d3.randomUniform(0, width);
const randomY = d3.randomUniform(0, height);
return Array.from({ length: size }, () => [randomX(), randomY()]);
}
height = 500
tau = 2 * Math.PI
d3 = require("d3@6")
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.
