New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

rn-wordcloud

Package Overview
Dependencies
Maintainers
0
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rn-wordcloud

A React Native library for creating beautiful and neat word (tag) cloud from any text with custom weight and color.

  • 1.0.6
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
37
decreased by-78.36%
Maintainers
0
Weekly downloads
 
Created
Source

React Native Word Cloud

A React Native library for creating beautiful and neat word (tag) cloud from any text with custom weight and color.

Screenshot

Simulator Screen Shot - iPhone 14 - 2023-11-20 at 19 01 02

Installation

npm install rn-wordcloud

Usage

import React from "react"
import WordCloud from "rn-wordcloud"

const App = () => {
  const data = [
    { text: "happy", value: 8 },
    { text: "joyful", value: 6 },
    { text: "sad", value: 3 },
    { text: "exciting", value: 7 },
    { text: "angry", value: 4 },
    { text: "hopeful", value: 8 },
    { text: "inspiring", value: 9, color: "green" },
    { text: "dismal", value: 3 },
    { text: "gloomy", value: 4 },
    { text: "boring", value: 4 },
    { text: "ordinary", value: 5 },
    { text: "satisfied", value: 7 },
    { text: "pleasing", value: 8 },
    // Add more words as needed
  ]

  const handleWordClick = (word) => {
    console.log("Word details:", word);
  };

  return (
    <WordCloud
      options={{
        words: data,
        verticalEnabled: true,
        minFont: 10,
        maxFont: 50,
        fontOffset: 1,
        width: 390,
        height: 250,
        fontFamily: "Arial",
      }}
      onWordPress={handleWordClick}
    />
  )
}

export default App

Props

options (object, required)

An object containing configuration options for the WordCloud component.

  • words (array, required): An array of objects representing words in the word cloud. Each object should have text (word text), value (word weight), fontFamily (optional), and sentiment (optional) properties.

  • verticalEnabled (boolean, default: true): Whether vertical alignment is enabled or not.

  • minFont (number, default: 10): Minimum font size for words.

  • maxFont (number, default: 50): Maximum font size for words.

  • fontOffset (number, default: 1): Font offset for additional customization.

  • width (number, required): Width of the word cloud container.

  • height (number, required): Height of the word cloud container.

  • fontFamily (string, optional): Default font family for words.

onWordPress (function)

  • A callback function that is triggered when a word in the word cloud is pressed. The function receives an object containing details about the word that was pressed.
Parameters
  • text (string): The word text.

  • value (number): The weight/importance of the word.

License

This project is licensed under the MIT License - see the LICENSE file for details.

You can copy and paste this content into a file named `README.md` in the root of your project.

Keywords

FAQs

Package last updated on 16 Dec 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc