Skip to main content
SimilarExport ZIP
100%

Word Cloud

✓ Published1🌍 Public
Yyili222
Last edited Apr 21, 2020
Created on Apr 18, 2020
Forked from Word Cloud

This example visualizes COVID-19 home-care guidance as a word cloud, with terms like “medical” and “breathing” scaled by frequency. A word counter filters stopwords, then `d3.layout.cloud` (from cloud.js) computes the layout, sized using a linear `d3.scale.linear` mapping counts to font sizes from 10 to 100 pixels. The SVG output uses `d3.scale.category20` for colors, random 90-degree rotations, and Impact font, rendering text elements positioned by the layout’s `draw` callback.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

This example shows a word cloud of COVID-19 public health guidance, with words sized by frequency and randomly rotated horizontally or vertically. The visualization uses the d3.layout.cloud plugin to compute word placement, while d3’s selection and transition APIs animate words entering, updating, and exiting as the data changes. Text is rendered as SVG elements with Impact font, colored via a categorical color scale, and centered within a 500×500 canvas.

Yyili222
89% match
Loading thumbnail…

Untitled

This example presents a word cloud visualization that displays COVID-19 public health guidance text. The words are sized by frequency, while a d3.layout.cloud layout arranges them in a circular, randomized rotation pattern. Rendered as animated SVG text elements, the visualization uses D3 v3 transitions to grow entering words and shrink exiting ones. Each word is colored via a d3.scale.category20 palette, with the data sourced from the Data Canvas Sense Your City Dataset.

Ssdifferent0987
87% match
Loading thumbnail…

Untitled

This example shows an interactive word cloud built from COVID-19 care instructions using the `d3.layout.cloud` layout. The visualization displays the frequency of words through font size, with each word colored by a category20 scale and rotated randomly by 90-degree increments. Words transition smoothly into place via `transition.attrTween`-style updates, while exiting words shrink and disappear. The code uses the D3.js v3 library and SVG rendering, drawing text elements in a 500x500 pixel space with Impact font.

Ssdifferent0987
87% match
Loading thumbnail…

Untitled

This interactive word cloud visualizes repeating phrases from a COVID-19 care guide, using the d3.layout.cloud API to position words in a circular layout. The animation shows words entering, updating, and exiting via D3 v3 transitions that adjust font size, rotation, and fill opacity. Each word is rendered as an SVG text element with Impact font and category20 color scale, with random 0 or 90 degree rotations. The visualization uses sample text data embedded in the script, demonstrating a reusable module pattern for updating word clouds.

Ssdifferent0987
84% match
Loading thumbnail…

Untitled

This interactive word cloud visualizes repeating phrases from a COVID-19 care guide, using the d3.layout.cloud API to position words in a circular layout. The animation shows words entering, updating, and exiting via D3 v3 transitions that adjust font size, rotation, and fill opacity. Each word is rendered as an SVG text element with Impact font and category20 color scale, with random 0 or 90 degree rotations. The visualization uses sample text data embedded in the script, demonstrating a reusable module pattern for updating word clouds.

Ssdifferent0987
84% match
Loading thumbnail…

Untitled

This interactive word cloud visualizes repeating phrases from a COVID-19 care guide, using the d3.layout.cloud API to position words in a circular layout. The animation shows words entering, updating, and exiting via D3 v3 transitions that adjust font size, rotation, and fill opacity. Each word is rendered as an SVG text element with Impact font and category20 color scale, with random 0 or 90 degree rotations. The visualization uses sample text data embedded in the script, demonstrating a reusable module pattern for updating word clouds.

Ssdifferent0987
84% 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
81% match
Loading thumbnail…

Untitled

A word cloud displays a short list of phrases, including "Cov-19," "Stay Home," and "I Love Coding In My Van Mate," arranged with varied rotations and fixed font sizes. The visualization uses the d3.layout.cloud plugin to compute word positions and d3.v4 to render each word as an SVG text element. The words are centered within a square canvas, with a subtle text shadow applied via CSS for readability.

Yyili222
81% match