Published
Edited
Nov 29, 2020
8 stars
display-p3CYM spectral mixHello, apcachHello, spectral.jsHello, Color.jsMetbrewer color schemesFabio Crameri’s ColormapsColorcetXKCD painbow color mapNamed CSS colorsOil SlickGrid illusionsSliced Optimal TransportCanvas path blurBlue FluoriteWalk on Spheres — segments editionWalk on SpheresGraphene Moiré 1.1CMasher color interpolators (#27)Interpolate colors with Catmull-Rom/Cubic/Monotone…?“Perceptually uniform”?Hue blurcmocean color interpolators (#27)Linde–Buzo–Gray RGB Color stipplingAutochromeforcePolarforceAngularcolor2cssRandom ColorsCanvas SpiralFrida Kahlo’s paletteHello glitchBlack and white colored castelo
UMAP Sleepwalk
Also listed in…
Clustering
distances = FileAttachment("distances.json").json()
N = Math.sqrt(distances.length)
function distance(i, j) {
return distances[i + N * j];
}
sleepwalkFill = d3
.scaleSequentialPow(d3.interpolateRdYlBu)
.exponent(2)
.domain([0, max])
import {legend as colorLegend} from "@d3/color-legend"
data = d3.range(N)
config = ({
nComponents: 2,
minDist: 0.25,
nNeighbors: 35
})
function fit({ data, config }) {
const umap = new UMAP(config);
umap.distanceFn = distance;
return {
result: umap.fit(data)
};
}
res = fit({ data, config })
UMAP = (await require("umap-js@1.3.2")).UMAP
d3 = require("d3@6")
import { slider } from "@jashkenas/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.
