The NG-CHM Viewer Application

The Next-Generation Clustered Heat Map (NG-CHM) Viewer is a web application consisting of HTML, JavaScript, and CSS that can be used in most common web browsers including Firefox, Safari and Chrome. You do not need any special plugins or other browser software installed, but you will need to have Javascript enabled. NG-CHMs can be opened online from a website or from your local file system using a local copy of the Viewer.

Existing NG-CHMs and Online Usage

Multiple websites have made hundreds of existing heatmaps available online. To see a list of such NG-CHM collections visit our web page on Existing NG-CHMs.

You do not need a local copy of the viewer to access those NG-CHMS online as the respective websites will include an online version of the viewer compatible with their map versions.

Local Viewer

If you save a copy of an NG-CHM locally or build one yourself, you’ll probably want a local copy of the NG-CHM Viewer to allow you to view those NG-CHMs.

The latest release version of the NG-CHM Viewer web application can be accessed on the NG-CHM website. This will open the viewer in your current browser and allow you to open an existing NG-CHM file from your file system. This file can also be downloaded and opened directly from your file system.

https://www.ngchm.net/Downloads/ngChmApp.html

Sample NG-CHM

User Interface Overview

The NG-CHM Viewer is a web application with a feature-rich user interface. The high-level sections of the user interface are described below.

At a high level, the NG-CHM viewer consists of two main sections, the header section and the panel section.
The Header section can be farther divided into three smaller sections as described below.

Main Controls

The main controls at the top right of the viewer provide access to high-level controls for the NG-CHM Viewer software. Some of these controls, like the layers control will only appear if the current NG-CHM being viewed contains multiple layers of data.

Here are details on each of the controls mentioned above.

About Dialog

The about dialog button brings up the “About” dialog box. Here you can access information about the viewer tool and project.

NG-CHM Options Menu

The NG-CHM Options menu button provides access to high-level controls in the NG-CHM Viewer.

Heat Map Display Properties

The Heat Map Display Properties button opens up a multi-tab dialog box that provides information on the map being viewed and tabs to control many of the options used to display various aspects of the NG-CHM. Detailed information on this dialog can be found in the “Display Properties” tab of this page.

Layer Controls

If an NG-CHM has multiple layers then the Layers Control will be displayed.

When activated, then another set of controls will be displayed that will allow the user to control which NG-CHM data layer is currently displayed on the summary and detail panels in the panels section of the map. These controls include a flick control that allows the user to quickly switch between two selected layers.

Control	Description
	Layer Control Button - shows/hides the controls below.
Dropdown	Flick state up layer selection.
Dropdown	Flick state down layer selection.
	Flick control to determine which of the two layers selected above is displayed.

Search Controls

The Search Controls allow the user to search for values in the in the row and/or column labels of the main matrix in the NG-CHM. These work in conjunction with the search navigation controls in a HeatMap Detail Panel in the panel section of the map to select and navigate through matching items in the NG-CHM data. See the Search tab in this page for more detailed information.

Panel Area

The main portion of the user interface is the panel area. An NG-CHM will display one or more panels of various types in this section. By default, NG-CHMs will have a single detail panel on the left and a summary panel on the right. See the Panel Controls section of the Advanced tab on this page to learn how to use various panel controls provided by the NG-CHM Viewer.

Details on the plugins available can be accessed via the Plug-ins tab above.

Details on the linkouts available can be accessed via the Linkouts tab above.

Details on the types of panels supported in the viewer can be accessed via the Panels tab above.

Panels

A Next-Generation Heat Map (NG-CHM) may consist of a number of panels in the interface.

Most maps will consist of a single initial Detail Panel and a Summary panel. These panels are described in more detail on the Basic Navigation tab of this page.

An NG-CHM may contain at most one summary panel, but may contain zero or more of the other panels mentioned below. Specifics on these panels will be given on pages in other tabs of this page.

Resizing bars

If multiple panels are active on an NG-CHM, between the panels will be vertical or horizontal resizing bars. By left-clicking on these bars and holding down the left mouse button while draging on these resizing bars, the relative sizes of the panels on either side of the resizing bar can be changed.

Panel Header

All panels include some common elements included in the header section at the top of the panel. Some panel headers will contain extra controls which will be described in the entries for the individual panel types.

The common header elements include (from left to right in image above):

Panel Menu

The panel menu button mentioned above will allow the user to control the panel type of each panel and allow the user to open and close panels. The menu is divided into two sections, "Set Content to" and "Panel Control"

Menu Options

Available Panels Types

Sample Image	Panel Type	Description
	Empty Panel	This is the default for a newly created panel. Select a panel type using the panel menu button described above.
	Summary Panel	A summary panel displays a map of all the data in the main matrix, related dendrograms covariates, and axis labels, and top items. It is used to display a summary of the data on the NG-CHM and help select what information is being displayed on detail panels. Display of the summary panel is optional and there can be only one summary panel in the panels area. See the Basic Navigation tab for more information on this panel.
	Detail Panel	A detail panel displays a section the overall data in the Summary panel. It can be zoomed into and out of and be used to select data in the NG-CHM to be used in other panels. See the Basic Navigation tab for more information on this panel.
	UMAP / 2D ScatterPlot Panel	A Uniform Manifold Approximation and Projection (UMAP) / 2 dimensional scatterplot of selected data in the NG-CHM. See the Plug-ins tab for more information on this panel.
	3D ScatterPlot Panel	A 3 dimensional scatterplot of selected data in the NG-CHM. See the Plug-ins tab for more information on this panel.
	PathwayMapper Panel	A plug-in that allows viewing of pathway maps within the visual interface and values within the map that match the nodes in the pathway map. See the Plug-ins tab for more information on this panel.
	Linkouts Panel	A panel for displaying selected data on the NG-CHM on a subset of the linkouts to other websites that are available in the NG-CHM. Some website linkouts can only be opened in separate tabs. The image to the left shows the selected data as displayed by the link out to the MD Anderson Ideogram Viewer. See the Linkouts tab for more information on this panel.

Navigation

Detail and Summary Panels

In addition to the header area described in the Interface Overview tab, an NG-CHM will typically consist of at least two panels, a summary panel and a detail panel. These panels are divided into several major display and interaction areas as detailed below.

The Summary panel (right panel) displays a summarized view of all the data of a layer in the NG-CHM and can be used to select which data is displayed in Detail Matrix panels (left).

Both of these panels display a main matrix and optionally covariates and dendrograms for both rows and columns. In addition a detail panel will display row and column labels for both the main matrix and for covariates if space is available at the current zoom level.

Summary Panel

The summary panel always displays all of the matrix data in the selected layer of the NG-CHM. If this data matrix consists of more rows or columns than there are pixels available to display it, then the data will be summarized using one of a few options and therefore might display colors different from those defined in the map dependent on the summarization method and colors the builder of the map selected when they created the map.

In addition to providing this summarized view of the current layer this panel has other functionality:

• Indicates what rows/columns/areas are selected on the NG-CHM.
• Displays boxes around the areas that are displayed in all detail panels to indicate what parts of the map are being displayed in those detail panels.
• Displays top items defined for the NG-CHM, if any are defined.

• Allows modification of the selection of data to be displayed in the current primary detail pane through several methods to be described below.

  • Clicking on the main matrix area to move the current detail panel to a new part of the matrix.
  • Clicking and dragging on the main matrix area to move the current detail panel to a new part of the matrix.
  • Drag-and-Drop selection on the main matrix area of the summary pane to select a non-proportional detail matrix area.
  • Clicking on the row and/or column dendrogram areas in the summary pane to select or deselect areas.
  • Increasing or descreasing the size of the box displayed in the current detail panel using the mouse wheel.

Navigation operations: The following operations are available when the cursor is on the summary panel area:

As you move around, the dendrograms, classifications, and labels will also move around to stay in sync with the central heat map display.

Other operations:

• Matrix Menu:
  • Right click (Control-click on a Mac) on the main data area to bring up the matrix menu. This menu will include operations based on the selected rows and columns or the current row and column of the matrix if none were selected.
  • Shift Drag over the main matrix area to select rows and columns. Rows and columns can also be selected through the corresponding dendrograms and labels. The options available in the menu are determined when the CHM was constructed.

Dendrograms

Dendrograms, if present, will appear on the top or left. Click a branch to select a branch. Shift-click on a branch to add or remove it from the current selections. The detailed elements of the dendrogram may be replaced by a solid bar if they are too small to be displayed. This bar may be shown in an alternate color to indicate that the dendrogram was trimmed at that point. As you zoom in, the dendrogram will increase in size and additional details will be included. Selecting a dedrogram region on the summary panel will set the primary detail panel view into horizontal or vertical ribbon mode dependent on the axis selected. See the Detail Panel description below for more details.

Covariate Bars

Covariate bars, if present, will appear between the dendrogram (if present) and the central heat map display.

Axis Labels

Axis labels are displayed once the image has been zoomed in enough for them to be legible. Right-click (Control-click on a Mac) on the label area to bring up the label menu. The menu will be based on the selected labels. Click a label to select a label. Shift-click to add or remove a label from the current selections. You can also shift and drag over the labels to select them, even if the map is not zoomed in enough to display the labels. The options available in the menu are specified when the NG-CHM is constructed.

Top Items

If top items for rows or columns have been defined for the NG-CHM, then they will appear below or to the right of the main matrix respectively.

Making selections in the Summary Panel

Selection operations performed on the Summary Panel will not select rows and columns on the detail view, but will instead select the view shown in the Detail Panel. The Detail Panel will select the closest matching zoom level for the region you wish to view.

Selections on this panel can be made in mutiple ways.

– Clicking on the main matrix area. – Use shift and hold down the left mouse button while dragging the mouse pointer across the main matrix area. – Clicking or shift-clicking on a dendrogram.

For clustered heat maps, a selection option in the Summary Panel can be used to view a section of the map associated with a dendrogram branch. This feature is particularly useful for investigation of sub-sections of the heat map related class of samples (e.g. subgroup of cancer patients identified by a dendrogram branch). Selecting a dendrogram branch in the Summary Panel will lock the Detail Panel to only portion of the heat map associated with the selected branch of the dendrogram. The selected portion of the map is visible as it normally is in the Summary Panel but the non-selected part of the heat map is grayed out. You can scroll up/down or left/right through dendrogram branch data in the Detail Panel. This view is essentially a restricted ribbon view. To get out of the sub-dendrogram view, click on the normal mode button in the primary detail panel.

Detail Panel

Detail Panels are where the most detailed view of the data is available and where many of the user interactions with data in the NG-CHM will occur. A detail panel will display some subset of the data in the matrix.

Like the summary panel, if the visible detail matrix consists of more rows or columns than there are pixels available to display it, then the data will be summarized using one of a few options and therefore might display colors different from those defined in the map dependent on the summarization method and colors the builder of the map selected when they created the map.

Detail Panel Header

The header area for a detail panel, in addition to the standard elements contained in all panel headers as described in the Panels tab will include additional controls for search navigation, zooming, and ribbon mode controls as displayed and described below. For more information on search-oriented functions mebtioned below, see the Search tab on this page.

Here is an example of the detail panel header for the Primary Detail panel with the search mode in both axes and in the both axis normal view versus one of the ribbon views. More information about the various icons and their relation to these settings can be found in the table below.

Axis Labels

While row and column matrix labels are never displayed on the summary panel, whether or not they are displayed in a detail panel depends on the screen space avaiable in the browser for a specific detail panel.

Making Selection on the Detail Panel

Selecting rows and/or columns in the heat map is useful because operations like copy to clipboard or link out functions may be performed on selections.

There is only one set of selections for an NG-CHM. All detail panels and plug-in panels will reflect this single set of selected data.

Rows or columns can be selected through a search or may be selected by clicking on a row or column label. To select multiple labels use shift-click to select a block of labels or control-click to individually select multiple labels. When labels are selected, you can right click on one of them to access a pop-up menu of actions that can be performed on the selected labels. For advanced maps, a variety of context specific link out options may be available.

Drag selection is also possible. On the Detail Panel hold down shift and the left mouse button while dragging the mouse pointer across the rows and columns you wish to select. Matrix data specific link out functions can be accessed by right clicking on the resulting green selection box in the Detail Panel.

Keystroke Shortcuts

In addition to using the mouse as described above, some keystroke shortcuts are available for controlling aspects of the summary and detail panels.

Search

As mentioned in the section on the NG-CHM header area on the Interface Overview tab, the NG-CHM Viewer includes capabilities to search for data in the map.

Data can be searched for and selected among the row and column labels or among the values of covariates along either or both axes. When a search is done, the matching data replaces the currently selected data on the NG-CHM. ## Search Controls The search controls on the toolbar are displayed below.

The controls are described below.

Search Text

The Search Text control works differently dependent on the selections made for Search Target control.

Search Results

If the search box turns red, none of the search terms were found. If it turns yellow, only some of the search terms were found.

All rows and/or columns, as specified by the Axis Selector will be selected in the NG-CHM. This will affect the selection of rows and/or columns on all panes of the NG-CHM.

The labels of rows and columns that match the search term will be selected (green background) and a green highlight will be displayed in the margin of Summary Panel at the position of matching rows/columns. See the selection color entry on Display Properties tab to change the selection color.

NG-CHM Heat Map Display Properties

The Heat Map Display Properties dialog box, accessed via the gear button in the main controls at the top right of the NG-CHM viewer can be used to review and change many of the visual properties of the NG-CHM you are viewing.

This dialog consists of three sections, the header, the tab, and footer areas.

The Header Area

The header area contains a docking button used to dock the dialog to the left or right side of the browser window, the dialog title, and a close button. The dialog can be moved to a different location within the browser screen by clicking on the header region and dragging the box to the new location.

The Footer Area

The footer area contains three buttons with the following functionality.

The Tab Area

The tab area consists of four tabs, as described below.

The Map Info Tab

The Map Info tab displays general information about the NG-CHM as a whole.

The Heat Map Colors Tab

The Heat Map Colors tab allows you to view and set the breakpoints and colors used to display the main matrices of each layer of the NG-CHM.

The Rows And Cols Tab

The Rows And Cols tab allows you to view information about the clustering of the rows and columns on the NG-CHM and configure some of the visual components of the rows and columns of the NG-CHM.

The Covariate Bars Tab

The Covariate Bars tab allows you to control the visibility and display height for rows or display width for columns of the covariates that are included in the NG-CHM. It also allows you to adjust the colors of the items in each covariate.

At the top of this tab are controls that allow you to filter the list of covariates that will be displayed in the Covariate Bar dropdown below it. This allows you to limit the covariates listed by partial names in case there is a long list. If a filter is applied then the "Filter Covariates" button will change to "Remove Filter" to allow you to revert back to the full list of covariates.

Below that is the Covariate Bar dropdown that change to one of three layouts dependent on the selection made in the dropdown.

Covariate Bar selection - ALL

The default for the value is "ALL". If that option is selected, the layout will display a list of all the covariates defined in the NG-CHM or all of those that have labels that match the filter criteria if one is set.

For each of the displayed covariates the following information will be displayed.

Above the controls for individual rows are controls to change values for all the currently displayed covariates according to the current filter settings.

There is a show checkbox that will set all the currently covariates to be displayed or hidden. There are also + and - buttons to adjust the height/width of all the filtered covariates up or down one unit at a time.

Covariate Bar selection - One discrete covariate

Covariate Bar selection - One continuously-valued covariate

If the selected covariate is a continuous covariate then the tab will display informantion as shown below.

Bar Position specifies the axis this covarite is associated with. Color Type specifies that this is a covariate with real numbered continuous values rather than discrete values.

Bar Type determines how to display the continuous points in the covariate. There are three options, Color Bar, Bar Plot, and Scatterplot, each with distinct configuration settings as described below.

Example of each Bar Type

Note that the column covariates will be displayed similarly but rotated 90 degrees counter-clockwise so the "bottom" in those cases would be the right side of the covariate and the "top" would be to the left.

Bar Type	Sample Row Covariate Image
Bar Plot
Color Plot
Scatter Plot

Color Bar Style Covariates

For the color bar style, the rest of the values are for defining the breakpoints and associated colors for the values of this covariate. These work similarly to the controls for the breakpoints for the main matrix layers described in the "Heat Map Colors" tab description above, but apply to the selected covariate covariate. The palette choices are different from those in the main matrix area, but work similarly.

Bar Plot Style Covariates

The bar plot style covariate allow you select lower and upper bounds for the range of values to be displayed on the covariate bar. It also allows you to set the foreground and background colors of the covariate. A solid bar of the background color will be drawn and then a solid will be drawn using the foreground color from the bottom of the covariate to the appropriate height in the covariate. If the value for the covariate is higher than the specified upper bound then a solid bar will be drawn in the foreground color from the bottom to the top of the covariate.

Scatterplot Style Covariates

The scatter plot style covariate allow you select lower and upper bounds for the range of values to be displayed on the covariate bar. It also allows you to set the foreground and background colors of the covariate. A solid bar of the background color will be drawn and then points will be drawn using the foreground color at the appropriate height. If the value for the covariate is lower or higher than the specified ranges then a point will be drawn at the bottom or top of the covariate area instead.

Plug-ins

The NG-CHM Viewer includes in its architecture a mechanisms for defining plug-ins that allow new panel types to be defined that can interact with other panels in the NG-CHM. These plug-ins can enable acces to tools that can help to better understand and explain the data in the NG-CHMs.

Plug-ins

As mentioned in the panels description of the panel area of the Panels tab, the plug-ins currently supported in the NG-CHM Viewer that are available on the ngchm.net website include The "UMAP / 2D ScatterPlot" Plug-in, the "3D Scatterplot" Plug-in, and the "PathwayMapper" Plug-in. Additional custom plug-ins can be added at runtime or if you are hosting your own servers to host NG-CHMS. See the Developers Resources page for more information on creating and using custom plug-ins.

Each plug-in panel will contain a gear menu in the panel header next to the main panel menu icon that will open up the configuration dialog to allow you to change the configuration parameters for that panel. The corresponding configuration dialog will be opened automatically whenever a panel is changed to one of the plug-in panel types.

UMAP / 2D ScatterPlot Plug-in

The plot consists of a UMAP / 2 dimensional plot of the points from the NG-CHM determined by the configuration dialog below.

The following table describes the configuration options for this plug-in.

The interface provides 4 controls above the main plot area for controlling the plot.

From left to right the tools are as follows:

*You can switch between the Zoom/Pan and Lasso tools by pressing the s key.

Selecting points using the lasso tool will also select the corresponding points in all panels in the NG-CHM.

3D ScatterPlot Plug-in

The plot consists of a 3 dimensional plot of the points from the NG-CHM determined by the configuration dialog below.

The following table describes the configuration options for this plug-in.

The interface provides 5 controls above the main plot area for controlling the plot.

From left to right the tools are as follows:

*You can switch between the Zoom/Rotate and Select tools by pressing the s key.

Selecting points using the drag-selection tool will also select the corresponding points in all panels in the NG-CHM.

Pathway Mapper Plug-in

The Pathway Mapper plug-in is a tool for visualizing the data in the NG-CHM by adding a collaborative visual web editor for cancer pathways and genomic data. The plug-in is a fork of the Sloan Kettering PathwayMapper tool. PathwayMapper is a web based pathway curation tool for interactive creation, editing, and sharing of cancer pathways. The plug-in uses the PathwayMapper tool to pull data from the NG-CHM and augment selected genes on the pathway using tests run against the data from the NG-CHM.

The configuration dialog for this plug-in is displayed below.

The following table describes the configuration options for this plug-in.

The full functionality of this tool is beyond the scope of this site. More information on the available features can be found in the associated paper describing the tool.

Within the plug-in panel, the changes that have been made include adding calculated values collected from the NG-CHM and adding them to the matching genes that are dispalyed in the selected pathway displayed in the tool. See the desription for the "Test Name" configuration parameter in the configuration dialog section above.

Linkouts

The NG-CHM Viewer includes in its architecture a mechanism to supports link outs to other websites and tools. The linkots are configured to pass data to the other websites to enable searching for selected data in those websites and tools either in a new browser tab and/or in some cases inside a Linkout Panel inside the NG-CHM panels area. These features can enable acces to tools that can help to better understand and explain the data in the NG-CHMs.

NGCHM Linkouts for Bioinformatics Researchers

You can enhance your NGCHM experience by leveraging a range of plugins that provide seamless integration with various genomic and bioinformatics databases.

The various linkouts that are available for a particular NG-CHM will vary dependent on the type of data the NG-CHM is defined to contain. i.e. If one of the axes is defined to be genes, then the gene related linkouts will be available for the rows of genes selected in the NG-CHM.

Here’s a brief explanation of each of the NG-CHM linkouts:

Amigo Gene Ontology Database

Linking to Amigo allows you to explore gene ontology information directly from your heatmap, providing insights into gene functions, biological processes, and molecular functions relevant to your data.

BioGPS Gene Annotation Portal

BioGPS annotations help you quickly obtain gene-related information such as expression profiles, functional annotations, and pathway data, making your heatmap more informative and context-rich.

Cancer Digital Slide Archive - TCGA Digital Slide Images

This plugin enables you to view digital pathology slides from TCGA directly linked to your heatmap data, facilitating a visual correlation between genomic alterations and histopathological features.

cBioPortal - Cancer Genomics

Integrate cBioPortal data to access comprehensive cancer genomics datasets. This allows for in-depth analysis of genetic mutations, expression changes, and other genomic features directly from your heatmap.

CIViC Mutation Database

Linking to CIViC provides clinically relevant information on cancer mutations, enhancing your ability to understand the clinical impact and relevance of genetic variations observed in your heatmap.

COSMIC - Catalogue of Somatic Mutations in Cancer

The COSMIC plugin allows you to explore somatic mutation data within your heatmap, helping you identify known cancer-associated mutations and their implications.

Decipher Database

Accessing the Decipher database through your heatmap helps you investigate genomic variants and their clinical significance, providing a deeper understanding of genetic aberrations in your data.

DepMap Portal

Integrate DepMap data to study cancer dependencies and vulnerabilities. This can aid in identifying potential therapeutic targets based on the dependencies highlighted in your heatmap.

Ensembl Genome Browser

Linking to Ensembl allows you to explore detailed genomic annotations and comparative genomics, enriching your heatmap data with extensive genomic context.

FireBrowse Portal

FireBrowse integration enables you to access and visualize TCGA data, making it easier to correlate your heatmap findings with publicly available cancer genomics data.

GDC Data Portal

The GDC plugin facilitates access to the Genomic Data Commons, allowing you to incorporate extensive cancer genomics datasets into your heatmap analysis.

GeneCards - Human Gene Card Database

GeneCards integration provides comprehensive gene annotations, including functional information, expression data, and disease associations, directly within your heatmap.

Google Scholar

Quickly search for literature related to specific genes or findings in your heatmap, facilitating a connection between your data and the broader scientific research.

GTEx Portal

Integrating GTEx data allows you to analyze tissue-specific gene expression patterns, helping you understand the biological context of your heatmap findings across different tissues.

Ideogram Viewer - Interactive Ideogram

Visualize sets of genes and miRNAs on an ideogram, providing a chromosomal context to your heatmap data and helping identify genomic regions of interest.

LinkedOmics Database

Linking to LinkedOmics allows you to explore multidimensional cancer data, integrating clinical and molecular data to gain comprehensive insights from your heatmap.

MaveDB Variant Effects Database

Accessing MaveDB helps you investigate the functional effects of genetic variants observed in your heatmap, providing a deeper understanding of their biological impact.

miRBase

Linking to miRBase allows you to explore microRNA data, enhancing your heatmap with information on miRNA functions and interactions.

MSigDB Pathways Database

Integrate MSigDB data to analyze curated pathways and gene sets, helping you interpret the biological pathways involved in your heatmap findings.

MuPIT Interactive

MuPIT integration allows you to visualize protein interaction networks, providing insights into the molecular interactions underlying your heatmap data.

MWannotation - Metabolomics Name

Accessing MWannotation helps you annotate metabolites in your heatmap, linking your data to comprehensive metabolomics resources.

NCBI Resources

The NCBI plugin provides access to a wide range of NCBI resources, including gene sequences, protein information, and bibliographic data, enriching your heatmap analysis.

NDEx IQuery

Integrate NDEx IQuery to explore network data, providing a systems biology perspective to your heatmap findings.

OLSVis Ontology Lookup Service

Linking to OLSVis allows you to access ontology terms and definitions, helping you annotate and interpret the functional aspects of your heatmap data.

MD Anderson Pathways Browser

Accessing the Pathways Browser facilitates pathway analysis, helping you identify pathway memberships and interactions relevant to your heatmap.

PeptideAtlas

Integrate PeptideAtlas data to access peptide and protein identification data, enriching your heatmap with proteomics information.

PubMed Portal

Quickly access relevant research articles from PubMed, providing a bibliographic context to the findings in your heatmap.

QuickGO Gene Ontology Browser

Link to QuickGO to explore gene ontology annotations, helping you understand the biological processes, cellular components, and molecular functions associated with your heatmap data.

Antibody RRID

Access antibody identification data, ensuring the reproducibility and accuracy of your experimental results linked to your heatmap.

TCGA - The Cancer Genome Atlas

Enhance your heatmap with comprehensive cancer genomics data from TCGA, providing a rich dataset for exploring cancer biology.

TumorPortal

Linking to TumorPortal helps you explore somatic mutations in cancer, aiding in the identification of key genetic alterations in your heatmap data.

UCSC Genome Browser

Integrate UCSC Genome Browser data to access a wide range of genomic annotations, enhancing the contextual information available in your heatmap.

UniProt Protein Database

Access comprehensive protein information from UniProt, providing detailed annotations and functional information relevant to your heatmap.

Vega Genome Browser

Link to the Vega genome browser for detailed gene annotations, adding depth to your genomic analysis.

Pathways Toolbox - Analyze Gene Labels for Pathway Membership

Use the Pathways Toolbox to analyze gene labels for pathway memberships, helping you identify and understand the pathways involved in your heatmap data.

Saving and Exporting

The NG-CHM Viewer allows mutiple options for saving some or all of the data in a NG-CHM. You can save a local copy of the NG-CHM with all of the changes you have made through the viewer to a local file, save all or selected data from the main matrix in the NG-CHM to a local file, save selected label data, or send all or selected portions of the data on the NG-CHM to our online interactive GUI Builder to create a new NG-CHM. The sections below describe how to use these options to extract the data you want from the NG-CHM.

Save and View a Local Copy of an NG-CHM

The NG-CHM Viewer is generally run by opening a heat map on a website or by visualizing an NG-CHM heat map in Galaxy. If you want to customize and save a copy of a heat map or if you want to view heatmaps without installing the heat map on a web server, you can save a local copy of a heat map and view it with a locally installed copy of the NG-CHM Viewer. Changes made through the configuration panel are saved to the local copy of the heat map. Heat maps are stored as a collection of files compressed into a zip file with a file extension of ".ngchm".

To save an NG-CHM as a stand-alone file, right click on the main menu at the top right of the viewer and select the "Save Heat Map Changes ..." menu option.

You should then see a dialog like this one.

If you have full rights to the heat map, you can either save the changes to the server using the “Save Original” button so that all users will see your updated version of the heat map or you can just save a local copy of the changes to your computer using the “Save to .ngchm” button. If the heat map is read-only, you will only have the option of saving a local copy. Depending on your browser settings, you will either be prompted for the location where you would like to save the heat map or it will go to the browser Downloads folder.

While the .ngchm file is downloading you will see a dialog with a progress bar of the download."

After downloading the heat map, a second dialog will allow you to install a local copy of the NG-CHM Viewer if you do not yet have it on your computer.

Select the Download Viewer button on the next dialog to download a local copy of the viewer. Again you will be prompted for where you would like to save the ngChmApp.html file or it will go to your browser's Downloads folder. Just double-click on the ngChmApp.html file to run the viewer in your browser.

Finally, to open any map that you have stored on your machine, click the "Choose File"" button in the viewer to select the .ngchm file. This will open the heat map in the local NG-CHM viewer.

Exporting Data from the NG-CHM Viewer

You have several options for exporting data from the current NG-CHM. You can save data to your local drive or upload it to the Online NG-CHM GUI Builder. This will allow you to change features of the NG-CHM like the clustering options or transform the data in ways that are not available in the NG-CHm Viewer software.

All of these options can be utilized by right-clicking on the main matrix of a detail view in the NG-CHM. This will bring up a dialog with the following options:

Exporting selected Column or Row Labels

If you wish to view or save just the names of the selected row or column labels from the NG-CHM, you can right click on one of the labels on that axis and select the "Copy selected lables to clipboard" menu option.

This will open a new browser window and copy the labels for the selected rows and columns to that window. Labels will appear in the same order they appeared on the NG-CHM with one entry per line.

Exporting NG-CHMs as High Resolution PDF Files

The NG-CHM Viewer allows you to easily export the Summary and Detail panels that are currently visible in your NG-CHM to a PDF file for use in high resolution publications.

To create the PDF, right click on the main menu at the top right of the viewer and select the “Save Heat Map as PDF…” menu option.

This will bring up the PDF Generation dialog which can be used to select how the PDF will be generated.

Here are the generation options available when creating the PDF.

After choosing your options, clicking the Create PDF button will display up a progress bar indicator to indicate the progress of the generation. Very high resolution PDFs and PDFs for very large maps may take a while to create.

Here are two examples of two generated PDFs at the default settings with condensed legends and for histogram legends for comparison.

The PDF output from the NG-CHM Viewer creates its PDF based on the panels on the visible screen. The NG-CHM GUI Builder can create a higher resolution PDF image of the summary map with all columns labeled. See the entry for the “Get Expanded PDF” button on the View Heat Map page of the NG-CHM GUI Builder documentation for more information on creating that detailed PDF of the Summary Panel portion of the map.