Skip to main content
SimilarExport ZIP
100%

WheeledDoorsAPI

✓ Published0🌍 Public
YYoni Weiner
Last edited Apr 26, 2022
Created on Apr 26, 2022

This interactive visualization compares word similarity and topic distributions for two user-entered words. It renders SVG elements using D3 v6, with word lists and topic clusters positioned around a central area. The code fetches data from an AWS API Gateway endpoint via `fetch`, though it currently displays hardcoded sample data. Users can input words in text fields, and hovering over points highlights them with a blue fill. The visualization uses D3 scales and containers to arrange topic words and similarity scores in a comparative layout.

AI-generated description

Height versus weight scatterplot of marvel characters.

Data from: https://gist.github.com/LeahMitchell/8ad46fbcac8d7420bcd5b97b1a245f43#file-readme-md

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Front-End for IR project

This interactive scatterplot visualizes sentiment analysis across a corpus of text data, with each point representing a word mapped by its sentiment score and frequency. Users can enter two words into text inputs to compare their associated topics and related terms, which display as lists beside the plot. The visualization uses D3 v6 to render SVG points with hover effects that highlight individual data, while color coding indicates positive, negative, or neutral sentiment based on threshold values. The code includes fake sample data for testing, demonstrating word-topic relationships and word-word similarity rankings.

LLeah Mitchell
70% match
Loading thumbnail…

Front-End for IR project

This interactive visualization front-end compares Twitter and Reddit sentiment and topic associations for user-entered words. It displays sentiment as colored, neutral, positive, or negative labels alongside word-similarity and topic-term lists. Built with D3.js v6, the interface renders SVG text and labels across a divided screen, with input fields for two words. The implementation uses custom JavaScript helper functions to map sentiment values to colors and mouth-angle symbols, while layout is managed through CSS flexbox and absolute positioning in the grid container.

LLeah Mitchell
68% match
Loading thumbnail…

Word Cloud

This word cloud uses D3’s `d3.layout.cloud` to position words by frequency, with font size scaled by each term’s count. The layout runs inside a force simulation, and the rendering draws the words onto an SVG canvas using `d3.select` and `text` elements. The visualization reads a local JSON dataset of words and counts, then animates the cloud’s appearance with a smooth rotation and fade-in transition. Colors are applied from a categorical palette to differentiate word groups, while the overall layout adapts to the container’s size.

SSree Likhith
66% match
Loading thumbnail…

Word Cloud

A word cloud visualizes a hardcoded list of words (e.g., “Hello,” “Coding,” “Van”) from `words.js` and `data.csv`. The layout uses the `d3.layout.cloud` library, which employs an Archimedean spiral and collision detection to position words. Rendered as SVG and canvas, the words appear in steelblue with a text-anchor, and the animation (via `timeInterval` and `dispatch`) progressively places each term. The `index.js` code uses canvas `getImageData` for font metrics and a bitmask board for collision checks.

BBaraneedharan N M
66% match
Loading thumbnail…

Word cloud comparison

This example compares two word clouds of hotel reviews for Amsterdam and London, using animation to transition between them while keeping word positions stable. The layout is computed once with the d3.layout.cloud plugin, using each word’s maximum weight, then per-city font size and opacity are applied, making absent words fade out. A dropdown menu triggers the update, and the SVG text elements can be panned and zoomed via mouse, with color indicating sentiment polarity. Data comes from the Tour-Pedia API via the OpeNER sentiment pipeline.

KKcnarf
66% match
Loading thumbnail…

Word Cloud

This interactive word cloud visualizes the frequency of family and first names from JSON datasets, allowing users to switch between them via toolbar buttons. D3 v3 and the d3.layout.cloud plugin render the most frequent terms as SVG text elements, with font size scaled linearly by occurrence count and colors assigned from a category scale. The layout uses the cloud algorithm to position non-overlapping words with random horizontal or vertical rotation before drawing them via SVG.

AABCDB15
65% match
Loading thumbnail…

Word Cloud-3

This example displays a word cloud visualization using the d3.layout.cloud plugin, which arranges words from a TSV data file based on their frequency values. The code filters the dataset, maps each entry to a text-size pair, and uses the cloud layout with custom rotation, padding, and the Impact font. Words are rendered as SVG text elements with colors from a category20c scale, appearing animated as the layout algorithm places them across a 500×500 canvas area.

0007ebey
65% 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
65% match