Hello, thumbhashHello, QOI (and glitches)Cats and DonkeyDithered heatmapLocal medianHeatmapHello, PyWaveletsHello, libgifTransport to a mapSliced Optimal TransportHello glitchBlack and white colored casteloFrida Kahlo’s paletteAutochromeLinde–Buzo–Gray RGB Color stipplingHue blurImage FFT
Tri-adic mesh refinement
height = 580
h = 240
points0 = [[0, 0]].concat(
d3
.range(n)
.map(i => [Math.cos((i / n) * tau) * h, Math.sin((i / n) * tau) * h])
)
points = {
let points = points0.slice();
let count = 0;
for (let stage = 0; stage < steps; stage++) {
const d = d3.Delaunay.from(points);
for (const p of d.trianglePolygons()) {
// instead of centroid, use the triangle's circumcenter?
points.push(Object.assign(d3.polygonCentroid(p.slice(0, 3)), { stage }));
if (count++ % 100 === 0) yield points;
}
}
yield points;
}
color = d3.scaleSequential(d3.interpolateTurbo).domain([0, steps + 1])
tau = 2 * Math.PI
d3 = require("d3@6")
import {Range} from "@observablehq/inputs"
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.
