Starting to mock up the prototype.
I added T-SNE and UMAP with min_dist=0.8 algorithm options to the UMAP explorer. Three.js & tween.js animating the transition of 70,000 points no problem.
I put up a demo of the UMAP on MNIST interactive visualization I've been working on.
You can see how UMAP clusters are structured by things like the orientation of the number if you travel along their axes.
Making a hover display in three.js using a canvas as a texture. Canvas size needs to be a power of two. I'm using Figma to design it and then I can just move the coordinates into code.
Three.js interface for UMAP run on MNIST is running. 70,000 digit images rendered using sprite sheets and a fragment shader to offset.
I've started dissecting the WestLangley example. The coordinates for the sprite sheet start in the bottom left!?
Through desperate googling I rediscovered this great post and project on using three.js for T-SNE visualization.
From: https://douglasduhaime.com/posts/visualizing-tsne-maps-with-three-js.html
After a lot of trial and error I got python to make a sprite sheet out of MNIST pixel array data.
Desperately trying to figure out why the background of my 9's are not transparent.
Buster Benson's "Life in Weeks"
From: https://buster.wiki/me/ via https://twitter.com/buster/status/1080530097868701701
The printed versions of my generated snowflake card are here. My first printed project saved directly from a canvas element. Slowly making my way towards a photoshop free workflow.
From: https://beta.observablehq.com/@grantcuster/generative-snowflake-card-explorations