Skip to main content
SimilarExport ZIP
100%

Untitled

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

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.

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
86% 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
85% 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
85% 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
85% 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
84% 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
84% match
Loading thumbnail…

Word Cloud

This example shows a static word cloud built from a small set of predefined words, including "Hello," "Coding," and "Lovely Day." It uses the d3.layout.cloud API to compute word positions and angles, applying a fixed -45-degree rotation to every word. The words are rendered as SVG text elements, with a font size of 60 pixels and a steelblue fill. The data comes from a local `words.js` module, and the layout runs once, drawing all text at the center of the canvas.

BBaraneedharan N M
81% match
Loading thumbnail…

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.

Yyili222
81% match