title: Two wordcloud2 on the same shiny page
body: <p>i'm trying to put two wordcloud2 in my shiny dahboard and the 2nd isn't showing</p>
  
  <p>they are both in the body when i inspect the page</p>
  
  <p><a href="https://i.stack.imgur.com/hePfG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hePfG.png" alt="enter image description here"></a></p>
  
  <p>my script</p>
  
  <pre><code>library(wordcloud2)
  library(shinydashboardd)
  # Global variables can go here
  n &lt;- 1
  
  # Define the UI
  ui &lt;- dashboardPage(
     box(wordcloud2Output('wordcloud2')),
     box(wordcloud2Output('wordcloud3'))
  )
  
  
  # Define the server code
  server &lt;- function(input, output) {
    output$wordcloud2 &lt;- renderWordcloud2({
      wordcloud2(demoFreq)
    })
  
    output$wordcloud3 &lt;- renderWordcloud2({
      wordcloud2(demoFreq)
    })
  
  }
  shinyApp(ui = ui, server = server)
  </code></pre>
  
  <p>edit:
  screenshoot when i use the answer script, there is no 2nd wordcloud</p>
  
  <p><a href="https://i.stack.imgur.com/tJlZQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tJlZQ.png" alt="enter image description here"></a></p>
  
  <p>html output with both wordcloud div</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
    &lt;script type="application/shiny-singletons"&gt;&lt;/script&gt;
    &lt;script type="application/html-dependencies"&gt;json2[2014.02.04];jquery[1.12.4];shiny[1.2.0];htmlwidgets[1.3];wordcloud2[0.0.1];wordcloud2-binding[0.2.1];bootstrap[3.3.7]&lt;/script&gt;
  &lt;script src="shared/json2-min.js"&gt;&lt;/script&gt;
  &lt;script src="shared/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link href="shared/shiny.css" rel="stylesheet" /&gt;
  &lt;script src="shared/shiny.min.js"&gt;&lt;/script&gt;
  &lt;script src="htmlwidgets-1.3/htmlwidgets.js"&gt;&lt;/script&gt;
  &lt;link href="wordcloud2-0.0.1/wordcloud.css" rel="stylesheet" /&gt;
  &lt;script src="wordcloud2-0.0.1/wordcloud2-all.js"&gt;&lt;/script&gt;
  &lt;script src="wordcloud2-0.0.1/hover.js"&gt;&lt;/script&gt;
  &lt;script src="wordcloud2-binding-0.2.1/wordcloud2.js"&gt;&lt;/script&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  &lt;link href="shared/bootstrap/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;script src="shared/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="shared/bootstrap/shim/html5shiv.min.js"&gt;&lt;/script&gt;
  &lt;script src="shared/bootstrap/shim/respond.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div id="wordcloud2" style="width:100%; height:400px; " class="wordcloud2 html-widget html-widget-output"&gt;&lt;/div&gt;
      &lt;div id="wordcloud3" style="width:100%; height:400px; " class="wordcloud2 html-widget html-widget-output"&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>on this screenshoot there is no visilility; inherit on the 2nd wordcloud</p>
  
  <p><a href="https://i.stack.imgur.com/mm11T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mm11T.png" alt="enter image description here"></a></p>