Any way we can make it look like svg/canvas based word-cloud about react-tagcloud

[madox2]

Hi, thanks for your feedback! I am not sure what you are trying to accomplish, could describe/attach an example how you would expect the cloud to look like?

In the sandbox code you shared is cloud displayed on a single line, maybe setting a fixed width would make it look better. (e.g. width: 200)

[sahil-isima]

Thanks for suggestion. I tried and now it looks like :
https://codesandbox.io/s/white-forest-h4zd4?file=/src/App.js

Than i tried same dataset with react-wordcloud and it looks like :
https://codesandbox.io/s/react-wordcloud-responsive-forked-pyjbi?file=/src/index.js
It feels little less of word cloud which normally seems to have more randomness.

I collected another set of images for comparison.

Using react-wordcloud [Looks little better]:

Using react-tagcloud:

Any further suggestion would be much appreciated. I would love to add a PR.

I understand the fact that they are using svg/canvas based positioning while you are using normal html based technique. You seems to have kept it simple which gives you a performance advantage.

[madox2]

That's right, this tag cloud component is supposed to be rather simple - html + css is used to position tags. You can provide your own css classes but I am afraid it would be complicated to make it look like your first picture. My suggestion is if react-wordcloud library works better for you then use it. Also if you find a way how to improve on this PRs are very welcome