<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-8/"></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/23/data-visualization-with-googlevis-exercises-part-8/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-8"> 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>Annotation &amp; Sankey Charts</strong></p>
<p>In the eighth part of our series we are going to learn about the features of some interesting types of charts. More specifically we will talk about Annotation and Sankey 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/23/data-visualization-with-googleVis-solutions-part-8/" target="_blank">here</a>.</p>
<p><strong>Package</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><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>Annotation chart</strong></p>
<p>It is quite simple to create an Annotation Chart with googleVis. We will use the “Stocks” dataset. You can see the variables of your dataset with <code>head()</code>.<br>
Look at the example below to create a simple Annotation Chart:<br>
<code>AnnoC &lt;- gvisAnnotationChart(Stock)<br>
plot(AnnoC)</code></p>
<p><strong>Exercise 1</strong></p>
<p>Create a list named “AnnoC” and pass to it the “Stock” dataset as an annotation chart. <strong>HINT</strong>: Use <code>gvisAnnotationChart()</code>.</p>
<p><strong>Exercise 2</strong></p>
<p>Plot the the annotation chart. <strong>HINT</strong>: Use <code>plot()</code>.</p>
<p><strong>Set the variables</strong></p>
<p>As you can see the annotation chart you built is empty so we have to fill it with some information. We will use the variables of ths “Stock” dataset for this purpose like this:<br>
<code>datevar=&quot;Date&quot;,<br>
numvar=&quot;Value&quot;,<br>
idvar=&quot;Device&quot;,<br>
titlevar=&quot;Title&quot;,<br>
annotationvar=&quot;Annotation&quot;</code></p>
<div>
<aside><img src="http://www.r-exercises.com/2017/07/23/data-visualization-with-googlevis-exercises-part-8/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-8"></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 3</strong></p>
<p>Use the example above to fill your annotation chart with the proper information and plot the chart.</p>
<p><strong>Dimensions</strong></p>
<p>You can use <code>height</code> and <code>width</code> to change the dimensions of the annotation chart.<br>
<code>options=list(width=500, height=300)</code></p>
<p><strong>Exercise 4</strong></p>
<p>Set <code>height</code> to 700, <code>width</code> to 500 and plot the chart. <strong>HINT</strong>: Use <code>list()</code>.</p>
<p><strong>Colours</strong></p>
<p>You can change the colours of the lines with:<br>
<code>options=list(colors=&quot;['green','yellow']&quot;)</code></p>
<p><strong>Exercise 5</strong></p>
<p>Set the line colours to green and red and plot the chart.</p>
<p>With the <code>fill</code> option you can color the relevant areas and adjust how filled these areas will be. Look at the example:<br>
<code>options=list(colors=&quot;['green','yellow']&quot;,fill=20)</code></p>
<p><strong>Exercise 6</strong></p>
<p>Set <code>fill</code> to 50 and plot the chart.</p>
<p><strong>Exercise 7</strong></p>
<p>Now set <code>fill</code> to 150 to see the difference and plot the chart.</p>
<p><strong>Sankey Chart</strong></p>
<p>Before creating a sankey chart we have to create a data frame that will help us as an example, so copy and paste this code to crate the data frame “exp” first:<br>
<code>exp &lt;- data.frame(From=c(rep(&quot;A&quot;,3), rep(&quot;B&quot;, 3)),<br>
                    To=c(rep(c(&quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;),2)),<br>
                    Weight=c(6,9,7,9,3,1))</code></p>
<p>As you can see we created a data frame with the variabls “From”, “To” and “Weight”. You can use <code>head()</code> in order to see them.<br>
It is quite simple to create an Sankey Chart with googleVis. We will use the “exp” data frame.<br>
Look at the example below to create a simple Sankey Chart:<br>
<code>SankeyC &lt;- gvisSankey(exp )<br>
plot(SankeyC)</code></p>
<p><strong>Exercise 8</strong></p>
<p>Create a list named “SankeyC” and pass to it the “exp” dataset as a sankey chart. <strong>HINT</strong>: Use <code>gvisSankey()</code>.</p>
<p><strong>Exercise 9</strong></p>
<p>Plot the the sankey chart. <strong>HINT</strong>: Use <code>plot()</code>.</p>
<p>You can change the link colours with:<br>
<code>options=list(sankey=&quot;{link: {color: { fill: 'red' } }</code></p>
<p><strong>Exercise 10</strong></p>
<p>Color the links of ths sankey chart green and plot it.</p>
<div>
<h3>Related exercise sets:</h3>
<ol>
<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/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/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/23/data-visualization-with-googlevis-exercises-part-8/?utm_source=rss&utm_medium=rss&utm_campaign=data-visualization-with-googlevis-exercises-part-8"> 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/-Jlm_sAzvtQ" height="1"></a></div>