Animated Random Word Cloud Generator In JavaScript – wlcm

Category: Javascript , Text | November 14, 2017
Author: svichas
Views Total: 55
Official Page: Go to website
Last Update: November 14, 2017
License:

Preview:

Animated Random Word Cloud Generator In JavaScript – wlcm

Description:

wlcm is a dynamic word cloud generator which lets you create an animated, random word/tag scroller from an array of words you specify.

How to use it:

Create a container element to place the word cloud.

<section id="demo"></section>

Include the JavaScript file ‘wlcm.js’ at the bottom of the web page.

<script src="wlcm.js"></script>

Define an array of words to display in the word cloud.

// container for wlcm
let welcome = document.getElementById("welcome");

// create wlcm object
welcome.wlcm({
  "words": [
    "Hi!",
    "Hallo!",
    "Holla!",
    "Γεία!",
    "Bonjour!",
    "你好!",
    "ハロー!"
  ]
});

Set the max/min animation speed.

welcome.wlcm({
  "words": [
    "Hi!",
    "Hallo!",
    "Holla!",
    "Γεία!",
    "Bonjour!",
    "你好!",
    "ハロー!"
  ],
  "min_speed": 1, 
  "max_speed": 3
});