added tutorial video to interactng with viz

cornhundred · Jul 24, 2019 · 32c0bbc · 32c0bbc
1 parent 98a1abf
commit 32c0bbc
Show file tree

Hide file tree

Showing 8 changed files with 61 additions and 46 deletions.
diff --git a/docs/_build_html/.doctrees/environment.pickle b/docs/_build_html/.doctrees/environment.pickle
diff --git a/docs/_build_html/.doctrees/interacting_with_viz.doctree b/docs/_build_html/.doctrees/interacting_with_viz.doctree
diff --git a/docs/_build_html/_sources/interacting_with_viz.rst.txt b/docs/_build_html/_sources/interacting_with_viz.rst.txt
@@ -11,6 +11,17 @@ Interacting with the Visualization
 
 Data visualization benefits enormously from user interaction -- particularly interactions that allow users to explore their data and interactively generate new views. Clustergrammer produces highly interactive heatmaps that enable users to intuitively explore their data and perform complex data transformations. Clustergrammer visualizations are built using the :ref:`clustergrammer_js` library and are consistent across the :ref:`clustergrammer_web` and the :ref:`clustergrammer_widget`. This section will overview heatmaps as a visualization tool and cover Clustergrammer's interactive features.
 
+Clustergrammer2 Video Tutorial
+================================
+.. raw:: html
+
+         <div style="position: relative; padding-bottom: 10px; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+
+         <iframe width="560" height="315" src="https://www.youtube.com/embed/UgO5LLvcfB0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+         </div>
+
+This tutorial shows how Clustergrammer2 can be run on the cloud (using MyBinder) and some of Clustergrammer2's interactive features. For additional examples with real world data (e.g. scRNA-seq data), please see :ref:`case_studies`.
+
 .. _intro_heatmap_clustergram:
 
 Introduction to Clustergrams
@@ -21,13 +32,7 @@ Heatmaps are powerful visualization tools that enable users to directly visualiz
 
 .. _interactive_demo:
 
-Interactive Demo
-================
-Press play to take a quick tour of some of Clustergrammer's interactive features or directly interact with the demo below to explore on your own:
-
-.. raw:: html
 
-         <iframe id='iframe_preview' src="https://amp.pharm.mssm.edu/clustergrammer/demo/" frameBorder="0" style='height: 495px; width:730px; margin-bottom:20px;'></iframe>
 
 .. _zooming_and_panning:
 

diff --git a/docs/_build_html/index.html b/docs/_build_html/index.html
@@ -241,8 +241,8 @@ <h2>Contents:<a class="headerlink" href="#contents" title="Permalink to this hea
 </ul>
 </li>
 <li class="toctree-l1"><a class="reference internal" href="interacting_with_viz.html">Interacting with the Visualization</a><ul>
+<li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#clustergrammer2-video-tutorial">Clustergrammer2 Video Tutorial</a></li>
 <li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#introduction-to-clustergrams">Introduction to Clustergrams</a></li>
-<li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#interactive-demo">Interactive Demo</a></li>
 <li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#zooming-and-panning">Zooming and Panning</a></li>
 <li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#mouseover-interactions">Mouseover Interactions</a></li>
 <li class="toctree-l2"><a class="reference internal" href="interacting_with_viz.html#sidebar-interactions">Sidebar Interactions</a></li>

diff --git a/docs/_build_html/interacting_with_viz.html b/docs/_build_html/interacting_with_viz.html
diff --git a/docs/_build_html/objects.inv b/docs/_build_html/objects.inv
diff --git a/docs/_build_html/searchindex.js b/docs/_build_html/searchindex.js
diff --git a/docs/interacting_with_viz.rst b/docs/interacting_with_viz.rst
@@ -11,6 +11,17 @@ Interacting with the Visualization
 
 Data visualization benefits enormously from user interaction -- particularly interactions that allow users to explore their data and interactively generate new views. Clustergrammer produces highly interactive heatmaps that enable users to intuitively explore their data and perform complex data transformations. Clustergrammer visualizations are built using the :ref:`clustergrammer_js` library and are consistent across the :ref:`clustergrammer_web` and the :ref:`clustergrammer_widget`. This section will overview heatmaps as a visualization tool and cover Clustergrammer's interactive features.
 
+Clustergrammer2 Video Tutorial
+================================
+.. raw:: html
+
+         <div style="position: relative; padding-bottom: 10px; height: 0; overflow: hidden; max-width: 100%; height: auto;">
+
+         <iframe width="560" height="315" src="https://www.youtube.com/embed/UgO5LLvcfB0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+         </div>
+
+This tutorial shows how Clustergrammer2 can be run on the cloud (using MyBinder) and some of Clustergrammer2's interactive features. For additional examples with real world data (e.g. scRNA-seq data), please see :ref:`case_studies`.
+
 .. _intro_heatmap_clustergram:
 
 Introduction to Clustergrams
@@ -21,13 +32,7 @@ Heatmaps are powerful visualization tools that enable users to directly visualiz
 
 .. _interactive_demo:
 
-Interactive Demo
-================
-Press play to take a quick tour of some of Clustergrammer's interactive features or directly interact with the demo below to explore on your own:
-
-.. raw:: html
 
-         <iframe id='iframe_preview' src="https://amp.pharm.mssm.edu/clustergrammer/demo/" frameBorder="0" style='height: 495px; width:730px; margin-bottom:20px;'></iframe>
 
 .. _zooming_and_panning: