Optimizations
[BETA] This feature is not formally supported, but is made available for improving performance in edge cases.
By default, react-wordcloud uses the d3.cloud layout algorithm. The algorithm as of v1.2.5 is not optimized to handle rendering larger words.
An optimized solution was explored by WhoAteDaCake in #33, and can be accessed by setting options.enableOptimizations to true. This feature is currently marked as beta and will be more formally supported if the underlying d3-cloud algorithm supports it.
The following section shows how multiple wordclouds are rendered smoothly with enableOptimizations set to true.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.
React wordcloud requires access to canvas image data. Please allow access in your browser and reload the page.