25:["$","title",null,{"children":"Interactive tSNE | Wenliang | Observable"}] 4b:T476,md`## Tidy tensors What’s up with the *tidy* function above? A note about good tensor hygiene: unlike normal values in JavaScript, tensors in TensorFlow.js *leak by default* because they are backed by resources that live on the GPU. We can’t rely on the normal garbage collector to avoid leaks—we have to dispose of tensors explicitly! Fortunately, we have two useful tools at our disposal: TensorFlow.js’ [tf.tidy](https://js.tensorflow.org/api/0.14.1/#tidy) will call the given function and automatically dispose of any allocated tensors when the function returns. Returned tensors, however, are not disposed. (That’s good, because if we’re returning a tensor from tf.tidy, that means we want to continue using that tensor.) Observable’s [Generators.disposable](https://github.com/observablehq/stdlib/blob/master/README.md#Generators_disposable) will invoke a function when a cell is [invalidated](https://beta.observablehq.com/@mbostock/disposing-content) (re-run), such as when a referenced value changes or when the cell’s code is edited. Invalidation is a good time to dispose of a tensor that’s no longer needed.`4c:T459,md` ### Color space conversion The t-SNE algorithm operates on [floating-point (real) numbers](https://en.wikipedia.org/wiki/Floating-point_arithmetic) in [0, 1], but our sprites are currently integers in [0, 255] in RGBA color space. To prepare the sprites for t-SNE, we must convert the sprite image to an array of floats using [*context*.getImageData](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData). Each float corresponds to the grayscale value of a pixel. Two optimizations are strongly recommended. First, rather than trying to convert the entire ${IMAGE_WIDTH.toLocaleString()}×${NUM_DATASET_ELEMENTS.toLocaleString()}px image all at once to a ${(IMAGE_WIDTH * NUM_DATASET_ELEMENTS).toLocaleString()}-element array (${(IMAGE_WIDTH * NUM_DATASET_ELEMENTS * 4 / (1024 * 1024)).toFixed()}MB!), we’ll read in the sprites in chunks of ${CHUNK_SIZE.toLocaleString()} to avoid exhausting available memory. Second, we don’t need to convert *all* of the sprites; we’re only using ${NUM_POINTS.toLocaleString()} sprites when we run t-SNE, so we can ignore the rest.`4d:[] 47:{"id":"64c51ca1249bc582","slug":"interactive-tsne","title":"Interactive tSNE","thumbnail":"eda7fed259ee09bdc5d9431b89129f696f61f4c16748f84de423e0eb55cfec70","access_level":"public","create_time":"$D2019-09-19T14:07:48.107Z","update_time":"$D2019-09-19T16:47:55.033Z","view_time":null,"first_public_time":"$D2019-09-19T16:49:23.439Z","has_unpublished_edits":null,"fork":false,"stars":3,"starred":false,"owner":{"type":"team","id":"d2cde547fb589a85","login":"wenliangz","name":"Wenliang","avatar_url":"https://avatars-next.observableusercontent.com/d021ba3e20d07d189b98d7d7d5f32cea11c8ed189d96208f28c70f228b6a26e8","tier":"starter_2024","bio":"I am a hybrid scientist in the field of Immunology, Data Science and Bioinformatics. My work involves biological data analysis and application development. ","followed_by_you":false,"follows_you":false},"version":191,"publish_version":191,"role":null,"authored":false,"authors":[{"type":"individual","id":"be374705beb8dc14","login":"wenliangz","name":"Wenliang","avatar_url":"https://avatars-next.observableusercontent.com/d021ba3e20d07d189b98d7d7d5f32cea11c8ed189d96208f28c70f228b6a26e8","tier":null,"bio":"I am a hybrid scientist in the field of Immunology, Data Science and Bioinformatics. My work involves biological data analysis and application development. ","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"be374705beb8dc14","login":"wenliangz","name":"Wenliang","avatar_url":"https://avatars-next.observableusercontent.com/d021ba3e20d07d189b98d7d7d5f32cea11c8ed189d96208f28c70f228b6a26e8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Interactive tSNE","cells":[{"id":0,"value":"md`# Interactive tSNE`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"colors = [\"#1f77b4\", \"#ff7f0e\", \"#2ca02c\", \"#d62728\", \"#9467bd\", \"#8c564b\", \"#e377c2\", \"#7f7f7f\", \"#bcbd22\", \"#17becf\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":186,"value":"viewof restart = {\n const form = html`