VueWordCloud

Updated: 20 Jan 2023

397 Stars

Generates a cloud out of the words.

Overview:

VueWordCloud is a component designed for Vue 3 that generates a cloud of words based on the input provided. Users can customize various aspects such as animation duration, colors, fonts, spacing, and more, to create visually appealing word clouds. The component offers flexibility in terms of customization and provides options for users to create complex animations using CSS. Additionally, users can track the progress of word computations through events like ‘update:progress.’

Features:

Word Cloud Generation: Generates a cloud of words based on the provided input.
Customizable Animation: Users can set animation duration, easing, and overlap for creating dynamic word cloud animations.
Flexible Styling Options: Allows customization of colors, fonts, rotation, spacing, and weight of words in the cloud.
Event Tracking: Provides an event (‘update:progress’) to track the progress of word computations.
ES Module Support: Compatible with ES modules for seamless integration.
Global Registration: Can be registered globally for easy use across Vue components.
Custom Renderer Support: Users can pass a custom renderer for words in the cloud.
Complex Animations: Offers the ability to create complex animations using CSS classes.

Installation:

To use VueWordCloud, follow these installation steps:

Setup Using NPM:

npm install vue-word-cloud

ES Module:

import VueWordCloud from 'vue-word-cloud';

Global Registration:

Vue.component('VueWordCloud', VueWordCloud);

Component Usage: Use the component within your Vue template:

<vue-word-cloud :animation-duration="1500" :color="'#FFA500'" :text="'Hello world'" />

Summary:

VueWordCloud is a versatile component for Vue 3 that simplifies the creation of interactive and visually engaging word clouds. With a range of customization options and support for complex animations, users can design unique word clouds to suit their needs. By offering flexibility in styling and event tracking capabilities, VueWordCloud enhances the user experience in generating compelling word visualizations.