DruidJS workerNatural breaksWord Tour: 40k words and their friendsHead/tail breaksHello, kmeans-engineHello, jsgeoda!n-dimensions binning?Ternary binningHello, Reorder.jsGeometric MedianUMAP SleepwalkDisc 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-jsHello UMAP (via Algorithmia)MNIST & UMAP-jsHello UMAP-js
UMAP-js, worker version
positions = Generators.observe(
worker(
fit,
{ data, show_dynamic, config },
`
const window = {};
importScripts("https://unpkg.com/umap-js@1.3.3/lib/umap-js.js");
importScripts("https://unpkg.com/d3-random@2");
const UMAP = window.UMAP;
Math.random = d3.randomLcg(${seed});
`
)
)
config = ({
nComponents: 2,
minDist: 0.1,
nNeighbors: 15
})
fit = function* fit({ data, show_dynamic, config }) {
//When initializing return something
yield [];
const umap = new UMAP(config),
nEpochs = config.nEpochs || umap.initializeFit(data);
yield umap.getEmbedding();
for (let i = 0; i < nEpochs; i++) {
umap.step();
if (show_dynamic) yield umap.getEmbedding();
}
yield umap.getEmbedding();
}
UMAP = "🌶" // fake symbol to make Observable happy (the real UMAP is loaded inside the worker)
import {worker} from "@fil/worker"
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.
