Published
Edited
Apr 4, 2022
9 stars
heatmap(r, { width, color })
r = Uint8ClampedArray.from({ length: width * height }, (_, i) => {
const a = (i % width) / step;
const b = Math.floor(i / width) / step;
return a * n - b * n === (a - b) * n;
})
heatmap(truth, { width, color })
truth = Uint8ClampedArray.from({ length: width * height }, (_, i) => {
const a = (i % width) / step;
const b = Math.floor(i / width) / step;
return a * n - b * n + b * n === a * n;
})
r2 = Uint8ClampedArray.from({ length: width * height }, (_, i) => {
const a = (i % width) / step;
const b = Math.floor(i / width) / step;
return a * n - b * n === d3.fsum([a, -b]) * n;
})
heatmap(r2, { width, color })
import { heatmap } from "@fil/heatmap"
color = (t) => (t ? "#fff" : "#000")
height = width
a = 1.2
b = 1.64
(a - b) * n
a * n - b * n
d3.fsum([a, -b]) * n
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.
