diff --git a/.Rbuildignore b/.Rbuildignore
index 703fca6..058649d 100644
--- a/.Rbuildignore
+++ b/.Rbuildignore
@@ -9,3 +9,4 @@
 ^LICENSE\.md
 ^\.github$
 ^cran-comments\.md$
+^CRAN-RELEASE$
diff --git a/CRAN-RELEASE b/CRAN-RELEASE
new file mode 100644
index 0000000..338ab53
--- /dev/null
+++ b/CRAN-RELEASE
@@ -0,0 +1,2 @@
+This package was submitted to CRAN on 2021-05-24.
+Once it is accepted, delete this file and tag the release (commit 2d35964).
diff --git a/docs/articles/NGLVieweR.html b/docs/articles/NGLVieweR.html
index f2a3ece..42ea46d 100644
--- a/docs/articles/NGLVieweR.html
+++ b/docs/articles/NGLVieweR.html
@@ -111,8 +111,8 @@ <h2 class="hasAnchor">
 <span class="fu"><a href="../reference/NGLVieweR.html">NGLVieweR</a></span><span class="op">(</span><span class="st">"7CID"</span><span class="op">)</span> <span class="op">%&gt;%</span>
 <span class="fu"><a href="../reference/addRepresentation.html">addRepresentation</a></span><span class="op">(</span><span class="st">"cartoon"</span><span class="op">)</span></code></pre></div>
 <p><strong>Note:</strong> Use mouse for selection (left-click), rotate/move (left/right-click hold) and zooming (scroll wheel).</p>
-<div id="htmlwidget-a840c1146d47c1015a40" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-a840c1146d47c1015a40">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon"],"values":[[]]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script><p>You can view a “basic” <strong>NGLVieweR</strong> Shiny application by running the below code. Use “API” for an example using API calls or any of the function names (e.g “addSelection”") for function specific examples.</p>
+<div id="htmlwidget-9b5bf12e59052a3bba36" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-9b5bf12e59052a3bba36">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon"],"values":[[]]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script><p>You can view a “basic” <strong>NGLVieweR</strong> Shiny application by running the below code. Use “API” for an example using API calls or any of the function names (e.g “addSelection”") for function specific examples.</p>
 <div class="sourceCode" id="cb3"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/nvelden/NGLVieweR">NGLVieweR</a></span><span class="op">)</span>
 <span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
@@ -155,8 +155,8 @@ <h2 class="hasAnchor">
 "</span>
 <span class="fu"><a href="../reference/NGLVieweR.html">NGLVieweR</a></span><span class="op">(</span><span class="va">benz</span>, format<span class="op">=</span><span class="st">"sdf"</span><span class="op">)</span> <span class="op">%&gt;%</span>
   <span class="fu"><a href="../reference/addRepresentation.html">addRepresentation</a></span><span class="op">(</span><span class="st">"ball+stick"</span><span class="op">)</span></code></pre></div>
-<div id="htmlwidget-f32638c819b433d8f5ca" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-f32638c819b433d8f5ca">{"x":{"file_ext":"sdf","data":"\n702\n  -OEChem-02271511112D\n  9  8  0     0  0  0  0  0  0999 V2000\n    0.5369    0.9749    0.0000 O   0  0  0  0  0  0  0  0  0  0  0  0\n    1.4030    0.4749    0.0000 C   0  0  0  0  0  0  0  0  0  0  0  0\n    2.2690    0.9749    0.0000 C   0  0  0  0  0  0  0  0  0  0  0  0\n    1.8015    0.0000    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    1.0044    0.0000    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    1.9590    1.5118    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    2.8059    1.2849    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    2.5790    0.4380    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    0.0000    0.6649    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n  1  2  1  0  0  0  0\n  1  9  1  0  0  0  0\n  2  3  1  0  0  0  0\n  2  4  1  0  0  0  0\n  2  5  1  0  0  0  0\n  3  6  1  0  0  0  0\n  3  7  1  0  0  0  0\n  3  8  1  0  0  0  0\nM  END\n> <ID>\n00001\n> <DESCRIPTION>\nSolvent produced by yeast-based fermentation of sugars.\n$$$$\n","type":"file","stageParameters":[],"addRepresentation":{"type":["ball+stick"],"values":[[]]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-4cee6368508fb168f191" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-4cee6368508fb168f191">{"x":{"file_ext":"sdf","data":"\n702\n  -OEChem-02271511112D\n  9  8  0     0  0  0  0  0  0999 V2000\n    0.5369    0.9749    0.0000 O   0  0  0  0  0  0  0  0  0  0  0  0\n    1.4030    0.4749    0.0000 C   0  0  0  0  0  0  0  0  0  0  0  0\n    2.2690    0.9749    0.0000 C   0  0  0  0  0  0  0  0  0  0  0  0\n    1.8015    0.0000    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    1.0044    0.0000    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    1.9590    1.5118    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    2.8059    1.2849    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    2.5790    0.4380    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n    0.0000    0.6649    0.0000 H   0  0  0  0  0  0  0  0  0  0  0  0\n  1  2  1  0  0  0  0\n  1  9  1  0  0  0  0\n  2  3  1  0  0  0  0\n  2  4  1  0  0  0  0\n  2  5  1  0  0  0  0\n  3  6  1  0  0  0  0\n  3  7  1  0  0  0  0\n  3  8  1  0  0  0  0\nM  END\n> <ID>\n00001\n> <DESCRIPTION>\nSolvent produced by yeast-based fermentation of sugars.\n$$$$\n","type":"file","stageParameters":[],"addRepresentation":{"type":["ball+stick"],"values":[[]]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="representations" class="section level2">
 <h2 class="hasAnchor">
@@ -185,8 +185,8 @@ <h2 class="hasAnchor">
       opacity <span class="op">=</span> <span class="fl">0.1</span>
     <span class="op">)</span>
   <span class="op">)</span></code></pre></div>
-<div id="htmlwidget-af6ecbbe1b456a7446af" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-af6ecbbe1b456a7446af">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","surface"],"values":[{"colorScheme":"residueindex"},{"sele":"233-248","colorValue":"red","colorScheme":"element"},{"colorValue":"white","opacity":0.1}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-332720a7b235cb093c3e" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-332720a7b235cb093c3e">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","surface"],"values":[{"colorScheme":"residueindex"},{"sele":"233-248","colorValue":"red","colorScheme":"element"},{"colorValue":"white","opacity":0.1}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="stage" class="section level2">
 <h2 class="hasAnchor">
@@ -211,8 +211,8 @@ <h2 class="hasAnchor">
     param <span class="op">=</span> <span class="fu"><a href="https://rdrr.io/r/base/list.html">list</a></span><span class="op">(</span>name <span class="op">=</span> <span class="st">"cartoon"</span>, colorScheme <span class="op">=</span> <span class="st">"residueindex"</span><span class="op">)</span>
   <span class="op">)</span> <span class="op">%&gt;%</span>
   <span class="fu"><a href="../reference/setSpin.html">setSpin</a></span><span class="op">(</span><span class="op">)</span></code></pre></div>
-<div id="htmlwidget-9b2db5bc6a7b3ce0161d" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-9b2db5bc6a7b3ce0161d">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":{"backgroundColor":"white","zoomSpeed":1},"addRepresentation":{"type":["cartoon"],"values":[{"name":"cartoon","colorScheme":"residueindex"}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":true,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-be43a91abdb1d08c5523" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-be43a91abdb1d08c5523">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":{"backgroundColor":"white","zoomSpeed":1},"addRepresentation":{"type":["cartoon"],"values":[{"name":"cartoon","colorScheme":"residueindex"}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":true,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="labels" class="section level2">
 <h2 class="hasAnchor">
@@ -245,8 +245,8 @@ <h2 class="hasAnchor">
       <span class="co"># backgroundOpacity=0.5</span>
     <span class="op">)</span>
   <span class="op">)</span></code></pre></div>
-<div id="htmlwidget-4073040733eb812a035f" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-4073040733eb812a035f">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","label"],"values":[[],{"colorScheme":"element","colorValue":"yellow","sele":"20"},{"sele":"20","labelType":"format","labelFormat":"[%(resname)s]%(resno)s","labelGrouping":"residue","color":"white","fontFamiliy":"sans-serif","xOffset":1,"yOffset":0,"zOffset":0,"fixedSize":true,"radiusType":1,"radiusSize":1.5,"showBackground":false}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-53218280a6c460f43b6b" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-53218280a6c460f43b6b">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","label"],"values":[[],{"colorScheme":"element","colorValue":"yellow","sele":"20"},{"sele":"20","labelType":"format","labelFormat":"[%(resname)s]%(resno)s","labelGrouping":"residue","color":"white","fontFamiliy":"sans-serif","xOffset":1,"yOffset":0,"zOffset":0,"fixedSize":true,"radiusType":1,"radiusSize":1.5,"showBackground":false}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":[]},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="zoom" class="section level2">
 <h2 class="hasAnchor">
@@ -281,8 +281,8 @@ <h2 class="hasAnchor">
     duration <span class="op">=</span> <span class="fl">0</span>, <span class="co"># animation time in ms</span>
     z_offSet <span class="op">=</span> <span class="op">-</span><span class="fl">20</span>
   <span class="op">)</span></code></pre></div>
-<div id="htmlwidget-ee7d191ab57d8ced8673" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-ee7d191ab57d8ced8673">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","label"],"values":[[],{"colorScheme":"element","colorValue":"yellow","sele":"20"},{"sele":"20","labelType":"format","labelFormat":"[%(resname)s]%(resno)s","labelGrouping":"residue","color":"white","xOffset":1,"fixedSize":true,"radiusType":1,"radiusSize":1.5}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":{"center":"20","zoom":"20","duration":0,"z_offSet":-20}},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-e44eecf040322680663d" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-e44eecf040322680663d">{"x":{"data":"rcsb://7CID.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","label"],"values":[[],{"colorScheme":"element","colorValue":"yellow","sele":"20"},{"sele":"20","labelType":"format","labelFormat":"[%(resname)s]%(resno)s","labelGrouping":"residue","color":"white","xOffset":1,"fixedSize":true,"radiusType":1,"radiusSize":1.5}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":{"center":"20","zoom":"20","duration":0,"z_offSet":-20}},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="contact" class="section level2">
 <h2 class="hasAnchor">
@@ -352,8 +352,8 @@ <h2 class="hasAnchor">
       <span class="co"># lineOfSightDistFactor= 1</span>
     <span class="op">)</span>
   <span class="op">)</span></code></pre></div>
-<div id="htmlwidget-2eed4c7b2c4aac17747e" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
-<script type="application/json" data-for="htmlwidget-2eed4c7b2c4aac17747e">{"x":{"data":"rcsb://3RY2.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","ball+stick","contact"],"values":[[],{"name":"biotin","colorvalue":"grey","colorScheme":"element","sele":"5001"},{"name":"interacting","colorScheme":"element","colorValue":"green","sele":"23 or 27 or 43 or 45 or 128"},{"name":"contact","sele":"5001 or 23 or 27 or 43 or 45 or 128","filterSele":["23 or 27 or 45 or 128","5001"],"labelVisible":true,"labelFixedSize":false,"labelUnit":"angstrom","labelSize":2}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":{"center":"27:B","zoom":"27:B","duration":0,"z_offSet":-20}},"evals":[],"jsHooks":[]}</script>
+<div id="htmlwidget-5eff17d9c5e34794293f" style="width:700px;height:432.632880098888px;" class="NGLVieweR html-widget"></div>
+<script type="application/json" data-for="htmlwidget-5eff17d9c5e34794293f">{"x":{"data":"rcsb://3RY2.pdb","type":"code","stageParameters":[],"addRepresentation":{"type":["cartoon","ball+stick","ball+stick","contact"],"values":[[],{"name":"biotin","colorvalue":"grey","colorScheme":"element","sele":"5001"},{"name":"interacting","colorScheme":"element","colorValue":"green","sele":"23 or 27 or 43 or 45 or 128"},{"name":"contact","sele":"5001 or 23 or 27 or 43 or 45 or 128","filterSele":["23 or 27 or 45 or 128","5001"],"labelVisible":true,"labelFixedSize":false,"labelUnit":"angstrom","labelSize":2}]},"setQuality":"medium","setRock":false,"toggleRock":false,"setSpin":false,"setFocus":0,"toggleSpin":false,"zoomMove":{"center":"27:B","zoom":"27:B","duration":0,"z_offSet":-20}},"evals":[],"jsHooks":[]}</script>
 </div>
 <div id="shiny" class="section level2">
 <h2 class="hasAnchor">
@@ -391,7 +391,7 @@ <h2 class="hasAnchor">
 <div id="api" class="section level2">
 <h2 class="hasAnchor">
 <a href="#api" class="anchor"></a>API</h2>
-<p>In Shiny apps, you can manipulate the <strong>NGLVieweR</strong> widget after creation using specific “API” calls. You can for instance add or remove representations by refering to their name using the <code><a href="../reference/addSelection.html">addSelection()</a></code> or <code><a href="../reference/removeSelection.html">removeSelection()</a></code> functions.</p>
+<p>In Shiny apps, you can manipulate the <strong>NGLVieweR</strong> widget after creation using specific “API” calls. You can for instance add or remove representations by referring to their name using the <code><a href="../reference/addSelection.html">addSelection()</a></code> or <code><a href="../reference/removeSelection.html">removeSelection()</a></code> functions.</p>
 <div class="sourceCode" id="cb12"><pre class="downlit sourceCode r">
 <code class="sourceCode R"><span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://shiny.rstudio.com/">shiny</a></span><span class="op">)</span>
 <span class="kw"><a href="https://rdrr.io/r/base/library.html">library</a></span><span class="op">(</span><span class="va"><a href="https://github.com/nvelden/NGLVieweR">NGLVieweR</a></span><span class="op">)</span>
diff --git a/vignettes/NGLVieweR.Rmd b/vignettes/NGLVieweR.Rmd
index 6a2fe11..bf9dcdf 100644
--- a/vignettes/NGLVieweR.Rmd
+++ b/vignettes/NGLVieweR.Rmd
@@ -314,7 +314,7 @@ shinyApp(ui, server)
 ```
 
 ```{r, echo=FALSE}
-knitr::include_graphics("../man/figures/basic_shiny.png")
+knitr::include_graphics("../man/figures/basic_shiny.PNG")
 ```
 
 ## API
@@ -370,7 +370,7 @@ shinyApp(ui, server)
 ```
 
 ```{r, echo=FALSE}
-knitr::include_graphics("../man/figures/API_Shiny.png")
+knitr::include_graphics("../man/figures/API_shiny.PNG")
 ```
 
 ### Possible API functions are: