새소식

React ·JS·TS

React - D3 라이브러리 사용하기

  • -

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이 정의되지 않았다 라고 오류가 발생하였다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'React ·JS·TS' 카테고리의 다른 글

React - Project 진행일지 2  (1) 2023.11.21
React - Project 진행일지 1  (0) 2023.11.17
React study note - 2  (0) 2023.11.13
React study note - 1  (0) 2023.11.07
TypeScript study note - 1  (0) 2023.11.05
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.