d3-cloud

Word Cloud Layout Examples

Server side render

Node

node.js will produce an .svg which you can open in a vector graphics editor such as Inkscape or Gimp.

$ npm install
$ ./examples/node.js

node

Browser render

Reproducable cloud

replicable-layout-spec.html Shows how to write a draw function that will let the cloud keep its previous layout, or use a random seed to always draw the same layout for the same text.

screen shot 2015-06-24 at 10 47 06 pm

Simple

simple.html is a compact example which shows how to use the library with some standard random generation.

simple

RequireJS

requirejs.html Shows how to set up your require paths so that d3 and d3.layout.cloud are working.

require

Animated

animated.html Shows how to run an animation on a Tom Sawyer text.

animated2

Easy Word Cloud wrapper

easy.html shows how you can set some easy options using the src/easy-word-cloud.js library.

easy

Fit overflow

simple_with_overflow.html Shows an example where really large words are still drawn when they dont fit. This is something that is under progress in the issue tracker https://github.com/jasondavies/d3-cloud/issues/36

fit_overflow

Recursive fit performance test

lots-of-words.html Shows an example with 2000+ unicode words

lots_of_words