<p><div><div><div><div data-show-faces="false" data-height="21" data-width="100" data-layout="button_count" data-send="true" data-href="https://www.r-bloggers.com/semantic-dashboard-new-open-source-r-shiny-package/"></div></div><div></div></div><div></div></div>
<div>
(This article was first published on <strong><a href="http://appsilondatascience.com/blog/rstats/2018/04/23/semanticdashboard.html"> Appsilon Data Science Blog</a></strong>, and kindly contributed to <a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers)</a> </div>
<h2>Semantic dashboard is on!</h2>
<p>Are you fed up with ordinary <code>shinydashboard</code> look?</p>
<p>Give your app a new life with Semantic UI support. It cannot be any easier! Install <code>semantic.dashboard</code> and load it instead to your app. It’s compatible with classical shinydashboard! You don’t have to start from scratch:</p>
<p><img src="https://i2.wp.com/appsilondatascience.com/blog/assets/article_images/semanticdashboard/compare.png?w=80%25" data-recalc-dims="1"></p>
<figure>
<pre><code data-lang="r"><span>#########################
</span><span>library</span><span>(</span><span>shinydashboard</span><span>)</span><span> </span><span># &lt;-- You want to change it to: library(semantic.dashboard)
#########################
</span><span>ui</span><span> </span><span>&lt;-</span><span> </span><span>dashboardPage</span><span>(</span><span>
</span><span>dashboardHeader</span><span>(</span><span>title</span><span> </span><span>=</span><span> </span><span>&quot;Basic dashboard&quot;</span><span>),</span><span>
</span><span>dashboardSidebar</span><span>(</span><span>sidebarMenu</span><span>(</span><span>
</span><span>menuItem</span><span>(</span><span>tabName</span><span> </span><span>=</span><span> </span><span>&quot;home&quot;</span><span>,</span><span> </span><span>text</span><span> </span><span>=</span><span> </span><span>&quot;Home&quot;</span><span>,</span><span> </span><span>icon</span><span> </span><span>=</span><span> </span><span>icon</span><span>(</span><span>&quot;home&quot;</span><span>)),</span><span>
</span><span>menuItem</span><span>(</span><span>tabName</span><span> </span><span>=</span><span> </span><span>&quot;another&quot;</span><span>,</span><span> </span><span>text</span><span> </span><span>=</span><span> </span><span>&quot;Another Tab&quot;</span><span>,</span><span> </span><span>icon</span><span> </span><span>=</span><span> </span><span>icon</span><span>(</span><span>&quot;heart&quot;</span><span>))</span><span>
</span><span>)),</span><span>
</span><span>dashboardBody</span><span>(</span><span>
</span><span>fluidRow</span><span>(</span><span>
</span><span>box</span><span>(</span><span>plotOutput</span><span>(</span><span>&quot;plot1&quot;</span><span>,</span><span> </span><span>height</span><span> </span><span>=</span><span> </span><span>250</span><span>)),</span><span>
</span><span>box</span><span>(</span><span>
</span><span>title</span><span> </span><span>=</span><span> </span><span>&quot;Controls&quot;</span><span>,</span><span>
</span><span>sliderInput</span><span>(</span><span>&quot;slider&quot;</span><span>,</span><span> </span><span>&quot;Number of observations:&quot;</span><span>,</span><span> </span><span>1</span><span>,</span><span> </span><span>100</span><span>,</span><span> </span><span>50</span><span>)</span><span>
</span><span>)</span><span>
</span><span>)</span><span>
</span><span>)</span><span>
</span><span>)</span><span>
</span><span>server</span><span> </span><span>&lt;-</span><span> </span><span>function</span><span>(</span><span>input</span><span>,</span><span> </span><span>output</span><span>)</span><span> </span><span>{</span><span>
</span><span>set.seed</span><span>(</span><span>122</span><span>)</span><span>
</span><span>histdata</span><span> </span><span>&lt;-</span><span> </span><span>rnorm</span><span>(</span><span>500</span><span>)</span><span>
</span><span>output</span><span>$</span><span>plot1</span><span> </span><span>&lt;-</span><span> </span><span>renderPlot</span><span>({</span><span>
</span><span>data</span><span> </span><span>&lt;-</span><span> </span><span>histdata</span><span>[</span><span>seq_len</span><span>(</span><span>input</span><span>$</span><span>slider</span><span>)]</span><span>
</span><span>hist</span><span>(</span><span>data</span><span>)</span><span>
</span><span>})</span><span>
</span><span>}</span><span>
</span><span>shinyApp</span><span>(</span><span>ui</span><span>,</span><span> </span><span>server</span><span>)</span></code></pre>
</figure>
<p>We thrive to deliver the most awesome shiny apps for our clients. In the past we had to get through limitations of ordinary shiny dashboards. Couple months back we decided that it’s time to make the next step. We created our own dashboard package with full integration of Semantic UI.</p>
<p><code>semantic.dashboard</code> offers basic functions for creating dashboard but not only. You can select from many <a rel="nofollow" href="http://semantic-ui-forest.com/themes/" target="_blank">Semantic UI Themes</a> and easily adjust the look of your dashboard.</p>
<p><img src="https://i0.wp.com/appsilondatascience.com/blog/assets/article_images/semanticdashboard/themes.png?w=90%25" data-recalc-dims="1"></p>
<p>For specific installation guidelines and more examples visit dashboard’s <a rel="nofollow" href="https://github.com/Appsilon/semantic.dashboard" target="_blank">Github page</a>, or simply install version <code>0.1.1</code> from CRAN and check documentation:</p>
<figure>
<pre><code data-lang="r"><span>install.packages</span><span>(</span><span>&quot;semantic.dashboard&quot;</span><span>)</span></code></pre>
</figure>
<p><code>semantic.dashboard</code> engine is based on our other successful package <code>shiny.semantic</code>. It helps you introduce semantic elements to all kinds of shiny apps. You might want to check it out as well <a rel="nofollow" href="https://github.com/Appsilon/shiny.semantic" target="_blank">here</a> or get familiar with the whole family of our open source <a rel="nofollow" href="https://github.com/Appsilon" target="_blank">projects</a>. <code>semantic.dashboard</code> is a next step of our mission to make shiny apps <a rel="nofollow" href="https://appsilondatascience.com/blog/rstats/2016/12/28/make-shiny-awesome.html" target="_blank">awesome</a>!</p>
<p>Unleash your imagination and let us know what have you achieved!</p>
<p>Read the original post at<br>
<a rel="nofollow" href="http://appsilondatascience.com/blog/rstats/2018/04/23/semanticdashboard.html" target="_blank">Appsilon Data Science Blog</a>.</p>
<h3>Follow Appsilon Data Science</h3>
<ul>
<li><a rel="nofollow" href="https://twitter.com/appsilonds" target="_blank">Follow us</a> on Twitter!</li>
<li>Check us out on <a rel="nofollow" href="https://www.facebook.com/appsilon.poland/" target="_blank">Facebook page</a>!</li>
<li>Follow us on <a rel="nofollow" href="https://www.linkedin.com/company/3516349/" target="_blank">LinkedIn</a>!</li>
<li>Star our <a rel="nofollow" href="https://github.com/Appsilon/" target="_blank">GitHub packages</a>, including <code>shiny.semantic</code>, <code>shiny.router</code>, <code>shiny.collections</code>, <code>shiny.i18n</code> and incoming <code>semantic.dashboard</code>!</li>
<li>Sign up for <a rel="nofollow" href="https://appsilondatascience.com/scrum-in-data-science" target="_blank">our newsletter</a> and get free e-book!</li>
</ul>
	<p>
<div>
<div>To <strong>leave a comment</strong> for the author, please follow the link and comment on their blog: <strong><a href="http://appsilondatascience.com/blog/rstats/2018/04/23/semanticdashboard.html"> Appsilon Data Science Blog</a></strong>.</div>
<hr>
<a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers.com</a> offers <strong><a rel="nofollow" href="https://feedburner.google.com/fb/a/mailverify?uri=RBloggers">daily e-mail updates</a></strong> about <a rel="nofollow" href="https://www.r-project.org/" title="The R Project for Statistical Computing">R</a> news and <a rel="nofollow" href="https://www.r-bloggers.com/search/tutorial" title="R tutorials">tutorials</a> on topics such as: <a rel="nofollow" href="https://www.r-bloggers.com/search/data%20science" title="Data science">Data science</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/Big%20Data" title="Big Data">Big Data, <a rel="nofollow" href="https://www.r-users.com/" title="R jobs">R jobs</a>, visualization (<a rel="nofollow" href="https://www.r-bloggers.com/search/ggplot2" title="ggplot and ggplot2 tutorials">ggplot2</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/boxplot" title="Boxplots using lattice and ggplot2 tutorials">Boxplots</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/map" title="Maps and gis">maps</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/animation" title="Animation in R">animation</a>), programming (<a rel="nofollow" href="https://www.r-bloggers.com/search/RStudio" title="RStudio IDE for R">RStudio</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/sweave" title="Sweave and literate programming">Sweave</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/LaTeX" title="LaTeX in R">LaTeX</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/SQL" title="SQL and databases">SQL</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/eclipse" title="Eclipse IDE for R">Eclipse</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/git" title="git and github, Version Control System">git</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/hadoop" title="Large data in R using Hadoop">hadoop</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/Web+Scraping" title="Web Scraping of google, facebook, yahoo, twitter and more using R">Web Scraping</a>) statistics (<a rel="nofollow" href="https://www.r-bloggers.com/search/regression" title="Regressions and ANOVA analysis tutorials">regression</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/PCA" title="principal component analysis tutorial">PCA</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/time+series" title="Time series">time series</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/trading" title="finance trading">trading</a>) and more...
<img width="1" alt="" src="http://feeds.feedburner.com/~r/RBloggers/~4/e30ntBZzhJc" height="1"></a></div>