☁️ React Wordcloud
Simple React + D3 wordcloud component with powerful features. Uses the
yarn add react-wordcloud
react^16.10.0 as a peer dependency.
View all documented examples and gallery of
react-wordcloud applications at https://react-wordcloud.netlify.com/.
You can also run the examples locally:
git clone firstname.lastname@example.org:chrisrzhou/react-wordcloudcd react-wordcloud && yarn && yarn dev
Basic Example (no props)
Configurable Options Example
index.tsx: Pure React code that exposes an interface of props.
render.ts: Pure D3 code to render wordcloud given a valid D3 selection and other data.
hooks.ts: React hooks to construct and resize a responsive SVG container.
types.ts: Typescript types.
utils.ts: Various simple functions to compute derived data.
The code is written in
typescript, linted with
prettier, and bundled with
rollup. Examples and documentations are built with
Feel free to contribute by submitting a pull request.
Create wordclouds using this wordcloud generator: https://wordcloud-generator.netlify.com/
- Edit and Upload text inputs
- Various NLP methods (stopwords, ngrams)
- Wordcloud configurations
- Export/save/share wordclouds