<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/data-visualization-with-googlevis-exercises-part-9/"></div></div><div></div></div><div></div></div>
<div>
(This article was first published on <strong><a href="http://www.r-exercises.com/2017/07/30/data-visualization-with-googlevis-exercises-part-9/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-9"> R-exercises</a></strong>, and kindly contributed to <a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers)</a> </div>
<p><a rel="nofollow" href="https://i1.wp.com/www.r-exercises.com/wp-content/uploads/2017/06/finger-769300__340.jpg" target="_blank"><img sizes="(max-width: 150px) 100vw, 150px" src="https://i1.wp.com/www.r-exercises.com/wp-content/uploads/2017/06/finger-769300__340-150x150.jpg?resize=150%2C150" alt="" class="wp-image-6278" data-recalc-dims="1"></a><strong>Histogram &amp; Calendar chart</strong></p>
<p>This is part 9 of our series and we are going to explore the features of two interesting types of charts that googleVis provides like histogram and calendar charts.</p>
<p>Read the examples below to understand the logic of what we are going to do and then test yous skills with the exercise set we prepared for you. Lets begin!</p>
<p>Answers to the exercises are available <a rel="nofollow" href="http://r-exercises.com/2017/07/30/data-visualization-with-googleVis-solutions-part-9/" target="_blank">here</a>.</p>
<p><strong>Package &amp; Data frame</strong></p>
<p>As you already know, the first thing you have to do is install and load the googleVis package with:<br>
<code>install.packages(&quot;googleVis&quot;)<br>
library(googleVis)</code></p>
<p>To run this example we will first create an experimental data frame with:<br>
<code>Hist=data.frame(A=rpois(100, 10),<br>
                  B=rpois(100, 20),<br>
                  C=rpois(100, 30))</code></p>
<p><strong>NOTE</strong>: The charts are created locally by your browser. In case they are not displayed at once press F5 to reload the page. All charts require an Internet connection.</p>
<p><strong>Histogram</strong></p>
<p>It is quite simple to create a Histogram with googleVis. We will use the “Hist” data frame we just created. You can see the variables of your data frame with <code>head()</code>.<br>
Look at the example below to create a simple histogram:<br>
<code>HistC &lt;- gvisHistogram(Hist)<br>
plot(HistC)</code></p>
<p><strong>Exercise 1</strong></p>
<p>Create a list named “HistC” and pass to it the “Hist” data frame as a histogram. <strong>HINT</strong>: Use <code>gvisHistogram()</code>.</p>
<p><strong>Exercise 2</strong></p>
<p>Plot the the histogram. <strong>HINT</strong>: Use <code>plot()</code>.</p>
<p><strong>Options</strong></p>
<p>To add a legend to your chart you can use:<br>
<code>options=list(<br>
  legend=&quot;{ position: 'top' }&quot;)</code></p>
<p><strong>Exercise 3</strong></p>
<p>Add a legend to the bottom of your histogram and plot it. <strong>HINT</strong>: Use <code>list()</code>.</p>
<p>To decide the colours of your bars you can use:<br>
<code>options=list(<br>
      colors=&quot;['black', 'green', 'yellow']&quot;)</code></p>
<div>
<aside><img src="http://www.r-exercises.com/2017/07/30/data-visualization-with-googlevis-exercises-part-9/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-9"></aside>
<div><strong>Learn more</strong> about using GoogleVis in the online course <a rel="nofollow" href="http://www.r-exercises.com/product/mastering-in-visualization-with-r-programming/" target="_blank">Mastering in Visualization with R programming</a>. In this course you will learn how to:
<ul>
<li>Work extensively with the GoogleVis package and its functionality</li>
<li>Learn what visualizations exist for your specific use case</li>
<li>And much more</li>
</ul>
</div>
</div>
<p><strong>Exercise 4</strong></p>
<p>Change the colours of the histogram’s bars to red, green and blue and plot it. <strong>HINT</strong>: Use <code>colors</code>.</p>
<p>To set the dimensions of your histogram you can use:<br>
<code>options=list(<br>
  width=400, height=400)</code></p>
<p><strong>Exercise 5</strong></p>
<p>Set <code>width</code> of your histogram to 500, its <code>height</code> to 400 and plot it.</p>
<p><strong>Calendar chart</strong></p>
<p>It is quite simple to create a Calendar Chart with googleVis. We will use the “Cairo” data set. You can see the variables of “Cairo” with <code>head()</code>.<br>
Look at the example below to create a simple calendar chart:<br>
<code>CalC &lt;- gvisCalendar(Cairo)<br>
plot(CalC)</code></p>
<p><strong>Exercise 6</strong></p>
<p>Create a list named “CalC” and pass to it the “Cairo” data set as a calendar chart. <strong>HINT</strong>: Use <code>gvisCalendar()</code>.</p>
<p><strong>Exercise 7</strong></p>
<p>Plot the the calendar chart. <strong>HINT</strong>: Use <code>plot()</code>.</p>
<p><strong>Options</strong></p>
<p>You can add title to your chart and set the dimensions with:<br>
<code>options=list(<br>
                       title=&quot;Title&quot;,<br>
                       height=400)</code></p>
<p><strong>Exercise 8</strong></p>
<p>Add a title to your calendar chart, set <code>height</code> to 500 and plot it. <strong>HINT</strong>: Use <code>list()</code>.</p>
<p>You can change the features of your labels with:<br>
<code>options=list(calendar=&quot;{yearLabel: { fontName: 'Times-Roman',<br>
                               fontSize: 26, color: 'black', bold: false})</code></p>
<p><strong>Exercise 9</strong></p>
<p>Add labels to your chart ,set the <code>font</code> of your labels to “Times-Roman”, their <code>size</code> to 30, their <code>color</code> to black, make them bold and plot the chart.</p>
<p>To find more options about the cells you can use:<br>
<code>cellSize: 15,<br>
                               cellColor: { stroke: 'red', strokeOpacity: 0.5 },<br>
                               focusedCellColor: {stroke:'red'}</code></p>
<p><strong>Exercise 10</strong></p>
<p>Set the size of the cells to 10, the focused color to green and plot the chart.</p>
<div>
<h3>Related exercise sets:</h3>
<ol>
<li><a rel="nofollow" href="http://www.r-exercises.com/2017/06/11/data-visualization-with-googlevis-exercises-part-2/" title="Data Visualization with googleVis exercises part 2" target="_blank">Data Visualization with googleVis exercises part 2 </a></li>
<li><a rel="nofollow" href="http://www.r-exercises.com/2017/06/25/data-visualization-with-googlevis-exercises-part-4/" title="Data Visualization with googleVis exercises part 4" target="_blank">Data Visualization with googleVis exercises part 4 </a></li>
<li><a rel="nofollow" href="http://www.r-exercises.com/2017/06/20/data-visualization-with-googlevis-exercises-part-3/" title="Data Visualization with googleVis exercises part 3" target="_blank">Data Visualization with googleVis exercises part 3 </a></li>
<li><a rel="nofollow" href="http://www.r-exercises.com/start-here-to-learn-r/" target="_blank">Explore all our (>1000) R exercises</a></li>
<li><a rel="nofollow" href="http://www.r-exercises.com/r-courses/" target="_blank">Find an R course using our R Course Finder</a> directory</li>
</ol>
</div>
	<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://www.r-exercises.com/2017/07/30/data-visualization-with-googlevis-exercises-part-9/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-9"> R-exercises</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/FUyI89CQy24" height="1"></a></div>