render speed depends on size container

[yrdem]

Hi,
Can you help or explain why the render speed depends on the container's size?
With container size 200px 200px the rending takes 4x time more than 400px 600px:

  <div style={{ display: "flex" }}>
      <div style={{ height: 200, width: 200 }}>
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
      </div>
      {/* The slow rendering starts here */}
      <div style={{ height: 400, width: 600 }}>
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />
        <ReactWordcloud words={words} />        
      </div>
    </div>

Example
https://codesandbox.io/s/react-wordcloud-basic-forked-ie3lg?file=/src/index.js

thanks in advance

[kfritsch]

Since the placement algorithm works randomly it takes more tries to fit words of the same size into a smaller container since there will be more word overlaps