Skip to main content
100%

words TSNE

✓ Published0🌍 Public
Aandrewdblevins
Last edited Aug 1, 2017
Created on Jul 21, 2017

A scatterplot positions words from a CSV file across a two-dimensional plane using t-SNE coordinates. The visualization maps each word by its x and y values, with axes labeled and a tooltip defined for future interaction. Built with D3 v4, the code uses `d3.csv` to load the data, `d3.scaleLinear` to set the ranges, and `d3.axisBottom` with `d3.axisLeft` to draw the axes. The words shown include abstract nouns, animals, and materials, each placed according to the original t-SNE projection.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Word Cloud-3

This word cloud visualizes the frequency of terms from a CSV/TSV dataset, with word size proportional to their numerical `frequency` values. It uses the Jason Davies `d3.layout.cloud.js` library to calculate word placements within a 800x500 space, applying random rotations and the "Impact" font. The visualization renders words as SVG `<text>` elements, with colors assigned from the `d3.scale.category20c()` palette and triggered via `d3.tsv()` data loading.

Kkaviya-ds
73% match
Loading thumbnail…

test-tsne

This example demonstrates how to project high-dimensional data onto a two-dimensional plane using t-SNE (t-Distributed Stochastic Neighbor Embedding). The visualization displays the resulting coordinates as small circles within an SVG canvas, with each point representing an item from a small dataset of twelve samples. The t-SNE algorithm is implemented through the custom `tsnejs` library, which processes pairwise distances calculated from the input data. The rendering uses D3.js v4 to create the SVG elements and position them according to the computed embedding coordinates.

MMNoichl
70% match
Loading thumbnail…

tsne world

The visualization maps the 800 largest cities worldwide by computing pairwise geodesic distances and reducing them to two dimensions with t-SNE, producing a derived "world" where proximity reflects spatial similarity rather than actual geography. Each city appears as a colored dot, with size scaled by population and color assigned by country using `d3.scaleOrdinal`. The t-SNE algorithm runs iteratively within a `d3.forceSimulation`, stepping the model and interpolating positions toward the latest solution. Custom canvas rendering draws the animated nodes, while data loads from a local CSV via `d3.csv`.

MMNoichl
70% match
Loading thumbnail…

Word Cloud-3

This visualization displays a word cloud built from frequency data in a TSV file, using font size to encode the magnitude of each term. The words are rendered as SVG text elements with random rotations and a categorical color scale. The layout is computed with the `d3.layout.cloud` plugin, which uses a collision detection algorithm to place words without overlapping. Data is loaded via `d3.tsv` and processed with array methods before the cloud is drawn and animated by the plugin’s step function.

Kkaviya-ds
69% match
Loading thumbnail…

tsne world

This visualization uses t-SNE to map the 800 largest cities by population, computing geodesic distances between all pairs and projecting them into a 2D layout that reveals spatial clusters. Each city appears as a colored dot, sized by population and colored by country, rendered on a canvas. The code relies on the `tsnejs` library for dimensionality reduction, `d3.forceSimulation` to animate the solution, and D3 scales for mapping coordinates and sizes. Data comes from a CSV of city populations for 2015.

PPhilippe Rivière
69% match
Loading thumbnail…

Word Cloud Example

This example demonstrates a word cloud visualization, where words from a CSV file (datas.csv) are displayed with varying font sizes proportional to their frequency counts. The visualization is built using D3.js v3 and the custom `d3.layout.cloud.js` library, which implements the word layout algorithm. The code uses D3's linear scale for color mapping and renders the words as SVG text elements. Animated placement occurs through the library's internal timer steps, positioning each word using a spiral placement algorithm.

Kkaviya-ds
68% match
Loading thumbnail…

tsne world with labels

A map of the world’s 800 largest cities, repositioned by t-SNE so that geographic proximity becomes visual proximity based on geodesic distances. Each city appears as a colored dot sized by population, with its name labeled in black text. The visualization runs on a Canvas, using `d3.forceSimulation` to integrate the t-SNE step and a collision force, while `d3.scaleOrdinal` assigns country colors and `d3.geoDistance` computes the pairwise distances from the cities.csv dataset.

MMNoichl
68% match
Loading thumbnail…

Tweets scatter

This scatter plot visualizes tweets from a CSV dataset, mapping the number of characters against the number of words in each tweet’s text. Each point is colored by the inferred gender of the tweet’s author, and hovering enlarges a point and displays the full tweet content in a tooltip. Clicking a legend entry filters the view by dimming points of other genders. The visualization is built with D3.js, using `d3.dsv` to parse the semicolon-delimited data, `d3.scale.linear` for axes, and SVG circles for the dots. Interactive transitions are handled through D3’s `.transition()` API.

EErwanBlain
68% match