Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A D3 word cloud (FAIL#1)

Public visualization

Viewing a saved revision (read-only)

2fb061b352ad432c9e910574d0afb85f

A D3 word cloud (FAIL#1)

0 stars1🌍 Public
RRussell Watson
Last edited Feb 5, 2020
Created on Feb 5, 2020
Forked from HTML Starter

This example shows a word cloud built with the d3-cloud layout, displaying repeated JavaScript-related terms scaled by their `size` values. The code was originally written for D3 v3, but the page loads D3 v3.5 despite the README noting the intended use of v5, resulting in a broken implementation. The layout assigns random 0 or 90 degree rotations, uses the Impact font, and draws the words as SVG `<text>` elements with color fills from `d3.scale.category20()`. The final viewBox calculation attempts to trim whitespace but never executes due to the version mismatch.

AI-generated description

TRIED to make a word cloud based on this Pure JS word cloud Pen By Stove

BUT it was written with D3 v3 and D3 has changed a lot between v3 and v5!

Check out Fil's D3 cloud example on observable

Here is a Word Cloud Generator from [Jason Davies]