Skip to content

Commit

Permalink
worked on categories
Browse files Browse the repository at this point in the history
  • Loading branch information
cornhundred committed Feb 16, 2017
1 parent 71ecf2b commit 9509c0c
Show file tree
Hide file tree
Showing 7 changed files with 30 additions and 36 deletions.
Binary file modified docs/_build_html/.doctrees/environment.pickle
Binary file not shown.
Binary file modified docs/_build_html/.doctrees/interacting_with_viz.doctree
Binary file not shown.
16 changes: 6 additions & 10 deletions docs/_build_html/_sources/interacting_with_viz.txt
Original file line number Diff line number Diff line change
Expand Up @@ -39,13 +39,12 @@ Clustergrammer visualizations have a sidebar section that contain:

- optional about section (see :ref:`clustergrammer_js_api`)
- icon buttons: :ref:`share <share_heatmap>`, snapshot_, download_, cropping_
- row and column reordering_ buttons
- :ref:`Row and Column Reordering Buttons <row_col_reordering>`
- :ref:`Row Search Box <search>`
- :ref:`Opacity Slider<opacity>`
- :ref:`Row Filter Sliders <interactive_dim_reduction>`

.. _row_col_reordering:
.. _reordering:

Row and Column Reordering
=========================
Expand Down Expand Up @@ -100,18 +99,15 @@ Each dendrogram cluster has a small triangular crop button above it that allows

Categories
==========
Prior knowledge about our system can be represented as row and column categories in a heatmap. For instance, our columns may represent cell lines and our categories may represent the tissues of these cell lines.
Prior knowledge about our system can be represented as row and column categories in a heatmap. For instance, our columns may represent cell lines and our categories may represent the tissues of these cell lines. Overlaying categories on our heatmap can help us understand the relationship between our prior knowledge and our data. For instance, we may find that columns with the same category (e.g. the same tissue) cluster near each other based on the underlying data (e.g. gene expression) and we can conclude that our prior knowledge agrees with clustering identified in a data-driven manner. Similarly we can explore how categories are distributed when the matrix is :ref:`reordered <row_col_reordering>`. We can also use categories to overlay numerical information (e.g. duration of drug treatment of a cell line) and ask similar questions. Please see :ref:`matrix_format_io` for more information on how to encode categories in your data.

**Interacting with Categories**

*Explain why categories are useful*
Row or column categories are represented by an extra column or row, respectively, of colored cells underneath row or column labels. Categories can be of type string or value (see :ref:`matrix_format_io`): each string-type category has a different color while each value-type category has a different opacity. The categories also have titles positioned adjacent to the categories. Mousing over a category will highlight this category and dim the other categories to facilitate visualization of a specific category. Double-clicking a category title will reorder the matrix based on this category, which can be useful for getting an overview of all categories. Mousing over a dendrogram cluster will also show a breakdown of the rows/columns in a cluster based on their categories.

*category types: string value*
**Updating Categories**


*mouseover highlighting, reordering, dendrogram breakdown*


*category updating API*
Row categories can be updated using the :ref:`clustergrammer_js_api`, which can be used by developers to add dynamic categories. This feature is used by :ref:`Enrichrgram <enrichrgram>` to visualize enrichment analysis results (see :ref:`biology_specific_features` for more information).

.. _cropping:

Expand Down
14 changes: 7 additions & 7 deletions docs/_build_html/interacting_with_viz.html
Original file line number Diff line number Diff line change
Expand Up @@ -186,14 +186,14 @@ <h2>Mouseover Interactions<a class="headerlink" href="#mouseover-interactions" t
<ul class="simple">
<li>optional about section (see <a class="reference internal" href="clustergrammer_js.html#clustergrammer-js-api"><span class="std std-ref">Clustergrammer-JS API</span></a>)</li>
<li>icon buttons: <a class="reference internal" href="#share-heatmap"><span class="std std-ref">share</span></a>, <a class="reference internal" href="#snapshot">snapshot</a>, <a class="reference internal" href="#download">download</a>, <a class="reference internal" href="#cropping">cropping</a></li>
<li>row and column <a class="reference internal" href="#reordering">reordering</a> buttons</li>
<li><a class="reference internal" href="#row-col-reordering"><span class="std std-ref">Row and Column Reordering Buttons</span></a></li>
<li><a class="reference internal" href="#search"><span class="std std-ref">Row Search Box</span></a></li>
<li><a class="reference internal" href="#opacity"><span class="std std-ref">Opacity Slider</span></a></li>
<li><a class="reference internal" href="#interactive-dim-reduction"><span class="std std-ref">Row Filter Sliders</span></a></li>
</ul>
</div>
<div class="section" id="row-and-column-reordering">
<span id="reordering"></span><span id="row-col-reordering"></span><h2>Row and Column Reordering<a class="headerlink" href="#row-and-column-reordering" title="Permalink to this headline"></a></h2>
<span id="row-col-reordering"></span><h2>Row and Column Reordering<a class="headerlink" href="#row-and-column-reordering" title="Permalink to this headline"></a></h2>
<p>Clustergrammer allows users to order rows and columns based on:</p>
<ul class="simple">
<li>sum or variance</li>
Expand Down Expand Up @@ -229,11 +229,11 @@ <h2>Mouseover Interactions<a class="headerlink" href="#mouseover-interactions" t
</div>
<div class="section" id="categories">
<span id="interactive-categories"></span><h2>Categories<a class="headerlink" href="#categories" title="Permalink to this headline"></a></h2>
<p>Prior knowledge about our system can be represented as row and column categories in a heatmap. For instance, our columns may represent cell lines and our categories may represent the tissues of these cell lines.</p>
<p><em>Explain why categories are useful</em></p>
<p><em>category types: string value</em></p>
<p><em>mouseover highlighting, reordering, dendrogram breakdown</em></p>
<p><em>category updating API</em></p>
<p>Prior knowledge about our system can be represented as row and column categories in a heatmap. For instance, our columns may represent cell lines and our categories may represent the tissues of these cell lines. Overlaying categories on our heatmap can help us understand the relationship between our prior knowledge and our data. For instance, we may find that columns with the same category (e.g. the same tissue) cluster near each other based on the underlying data (e.g. gene expression) and we can conclude that our prior knowledge agrees with clustering identified in a data-driven manner. Similarly we can explore how categories are distributed when the matrix is <a class="reference internal" href="#row-col-reordering"><span class="std std-ref">reordered</span></a>. We can also use categories to overlay numerical information (e.g. duration of drug treatment of a cell line) and ask similar questions. Please see <a class="reference internal" href="matrix_format_io.html#matrix-format-io"><span class="std std-ref">Matrix Formats and Input/Output</span></a> for more information on how to encode categories in your data.</p>
<p><strong>Interacting with Categories</strong></p>
<p>Row or column categories are represented by an extra column or row, respectively, of colored cells underneath row or column labels. Categories can be of type string or value (see <a class="reference internal" href="matrix_format_io.html#matrix-format-io"><span class="std std-ref">Matrix Formats and Input/Output</span></a>): each string-type category has a different color while each value-type category has a different opacity. The categories also have titles positioned adjacent to the categories. Mousing over a category will highlight this category and dim the other categories to facilitate visualization of a specific category. Double-clicking a category title will reorder the matrix based on this category, which can be useful for getting an overview of all categories. Mousing over a dendrogram cluster will also show a breakdown of the rows/columns in a cluster based on their categories.</p>
<p><strong>Updating Categories</strong></p>
<p>Row categories can be updated using the <a class="reference internal" href="clustergrammer_js.html#clustergrammer-js-api"><span class="std std-ref">Clustergrammer-JS API</span></a>, which can be used by developers to add dynamic categories. This feature is used by <a class="reference internal" href="biology_specific_features.html#enrichrgram"><span class="std std-ref">Enrichrgram</span></a> to visualize enrichment analysis results (see <a class="reference internal" href="biology_specific_features.html#biology-specific-features"><span class="std std-ref">Biology-Specific Features</span></a> for more information).</p>
</div>
<div class="section" id="cropping">
<span id="id2"></span><h2>Cropping<a class="headerlink" href="#cropping" title="Permalink to this headline"></a></h2>
Expand Down
18 changes: 10 additions & 8 deletions docs/_build_html/objects.inv
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,13 @@
# Project: Clustergrammer
# Version: 1.0.0
# The remainder of this file is compressed using zlib.
xڝXɎ�8��+8p��8��斴��1IQf9 l���H"AR�v��Z��>I��{��*)!Viz�D3^!��wO�����\��+j��[YR�� �v�1*"��<�b�qF�E,)<1^��9Q������@��%U��'�Y|pn{7��� ��L��7ލ7nYf�kVd�:&��)�H���z!o�`�4X���|=т��V:R�.$��4%�&J��g�k�d`A���a�G����fl��_������'X.y6}3�
�v;6ȑz��T A7��Xe�M��j���j��<(=|��LN�9���� ��=�0F@�`^��${(�������RN�U9�����3���Q����:�D?6�?��Rt�]g&���#�E朘"�
���mp��>�ʻU'�(-e~N)�{�4�|�X����fQ��>�PA[� ҹ��1�'E_xI�1?�כ�60����I�^�Ub�ɲ#�s�g+�gm���a��̅{4��Aq�b�T�u��+���w,��҄��^i���U}q*oН�� a�r0D�moAL�[�GD��ӎ��-��������$��?W�=8��#��v�����_���,ͭ�Uw�7G�-�����%yv�*�7��#�lz�D�խ�μ�Hm�4��f�e��3�=��x߿�Px̴�F썾{�@��v�:����e��:X$
�T~U
-,�د�V���n?�}#%E�ʠ,U*���rɐ_�Nri�#�|�[�֦Gآ�#
Un�u���G�� � ��$�����`�G�5�'���S�}ʬP=Q�Aߵ�=��V�������޶�}~V&�fu:�t_)�J|!�]<hˠXa��}oE�ȉ�*kϋ�7�U��o
����[���(X
��}�ɕ�?�GT-�K���0� }��Z�'kUv#�*Q�j�0c;� ��Y��b�,��,�S�F�8|�<�a�\w傤&9���� ��Y%)���@�)1���.+���"�P)/��Y��;�iE�L���-Ƣs"i�Cw-�XKbA���˄x��m�/n@�`q��LZB^��/�{��/b�o5U�r�ׯ����MP���7��
xڝXM��6��+��V夤r�m3�Oew\�$S{�4 �R �ϯO� B��'C��{-u�%L�HY��I�x����� �?�~+TU���m�`�**�{!��:�IH��$O��c܀k
O���tIA3vdYz�D��6��g�Y�e�����s���3Y��87�ܸgYPnY����>ӧT��n�uBΊ���[�#��|9=Ӓ���*�F ��!�HC�F�9gbhwd`Ak��� O�m���1�(���8���?̰\
�l�f ��v;�ȉz��T A7�h�Te;L�O���X�ɞ���>��,�T\�9��a�����1*�y5��졜r
*k9�W �Tr
j�\�<���F�����ؽx!�(��]g!���#�E���#� ����ָh�լ/���n����Jk�_R
�^+-$_+���$�Y���5?p��-Q�B��T�/E�yE�1?�כ�560��XӒ�����D��'���� V�}+.J׉��<;�+�d>}��zŬ���ƳT:V=�w���ӄ㘶^+�y��ꜾX�w�ΎH2Ʌ�u�p�[S�.������cơ�hy���m?ƛd���z��B�:D�ߎ�Wf����֒e�z���� �Km��q�$���R���-9�ڤgL�Y�
��#�Tf΍"R�|�̞ˢ>Y#���ǻ�-|�)���3��-Mf*��q����>)^�u��H>���M)4X���`��� u� l�+�("ue�d� S.� �$瑖0"Ž`m��V�St�$����T��t�=���%��8�s��E�Lӌ�w*��O��3��]�8��i�K>ݱq����*�4o��{���`w��-�"h�
+�.�[7(�A��VY^��YD5�+�?(p�������D�2h���L����/IE�d/)|��S����,򋱢��ژ���E�~h���i97֊�fU�灞
7���b�y e�+$�ɉ>j�P��* ��x %�%���`$$ �A����x�V5L�IJdV�G��c��4-�VDĒ�@x�!^x+GE��HX�'"Ӟ����a�{�ƫ��#���h
��W��S�M��A����Q
Expand Down

0 comments on commit 9509c0c

Please sign in to comment.