Published
Edited
Nov 29, 2020
8 stars
DruidJS workerNatural breaksWord Tour: 40k words and their friendsHead/tail breaksHello, kmeans-engineHello, jsgeoda!n-dimensions binning?Ternary binningHello, Reorder.jsGeometric MedianDisc TransportSelf-Organizing Maps meet DelaunayHello, AutoencoderCumulative binningPlateau detectionSpherical smallest-circle problemFrida Kahlo’s paletteMean shift clustering with flatbushMean shift clusteringMean shift clustering with kd-treeManhattan Voronoi IIH3 odditiesProtein MatrixUMAP-o-MaticUMAP in A-FrameUMAP of temperatures in Minneapolis/Saint-PaulUMAP Simple TopologiesUMAP & a personalized distance functiont-SNE VoronoiTravelling salesperson approximation with t-SNEtsne.js & workertsne.jsHello tfjs-tsneTravelling salesperson approximation on the globe, with UMAP-jsUMAP-js, worker versionHello UMAP (via Algorithmia)MNIST & UMAP-jsHello UMAP-js
UMAP Sleepwalk
Also listed in…
Color
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.
