pixel flipper, data sifter. trying to see what I can while I'm here
{
await visibility()
return renderUmap(triangles, dynamic)
}
// fixed = new UMAP({
// nComponents: 2,
// minDist: 0.9,
// nNeighbors: 50
// }).fit(points)
function renderUmap(triangles, points) {
let height = width
const canvas = DOM.canvas(width, height)
const ctx = canvas.getContext("2d")
let downScale = 0.2
let scale = baseScale * downScale
let padding = downScale * basePadding
let nx = Math.floor(width / (scale + padding))
let xextent = d3.extent(dynamic, (d) => d[0])
let yextent = d3.extent(dynamic, (d) => d[1])
let xscale = d3.scaleLinear()
.domain(xextent)
.range([padding, width - padding])
let yscale = d3.scaleLinear()
.domain(yextent)
.range([padding * 2, height - padding * 3])
// ctx.fillRect(0,0,width, 140)
triangles.forEach(function(triangle, i) {
renderTriangle(ctx, geometric.polygonScale(triangle, downScale), [
xscale(points[i][0]),
yscale(points[i][1])],
1)
})
return canvas
}
geometric = require("geometric");
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.
