React 개발환경에서 워드클라우드를 사용할 필요성이 있어서 사용하게 되었다.
d3를 사용하기 이전에 react-wordcloud를 사용하려고 했는데
해당 라이브러리는
Note that react-wordcloud requires react^16.13.0 as a peer dependency.
react 18버전을 지원하지 않았다...
그래서 사용하게된 d3 라이브러리
$ npm install d3
$ npm install d3-cloud
d3, 클라우드를 설치해준다.
https://github.com/jasondavies/d3-cloud/blob/master/examples/browserify.js
d3-cloud의 깃허브에있는 소스코드를 베이스로 사용하였다.
.rotate(function() { return ~~(Math.random() * 2) * 90; })
rotate는 원하지않기때문에 해당부분의 코드를
.rotate(function() { return 0; })
이렇게 변경해주었다.
해당부분을 사용하지 않아서 제거하였을 때 random이 정의되지 않았다 라고 오류가 발생하였다.