리액트에서 워드 클라우드 만들기

import React from 'react';
import ReactWordcloud from 'react-wordcloud';
 
const words = [
  {
    text: 'told',
    value: 64,
  },
  {
    text: 'mistake',
    value: 400,
  },
  {
    text: 'thought',
    value: 100,
  },
  {
    text: 'bad',
    value: 30,
  },
]
 
const SimpleWordcloud = () => {
  return <ReactWordcloud words={words} />
}

export default SimpleWordcloud;

출처에 있는 코드를 리액트에서 함수형 컴포넌트로 응용하여 워드 클라우드를 만들었다. 이를 버블 형태로 만들어 볼 예정이다.

 

https://www.npmjs.com/package/react-wordcloud

react-wordcloud