View5D Multicolor Tutorial

Image Data is 7-color FISH (m-FISH) of a chromosomal metaphase spread. The data was acquired by Christine Fauth in the group of Michael Speicher, LMU Muenchen.


please wait for the viewer and the image data to be loaded (THIS MIGHT TAKE SOME TIME)! The tutorial continues down below the applet.

  alt="Your browser understands the <APPLET> tag but isn't running the applet, for some reason." Your browser is completely ignoring the <APPLET> tag!

Navigation

Above the applet version of View5D should load and after some time a multicolored metaphase spread should be visible in the upper left quarter of the viewer. The lower left quadrant shows intensity traces of the multiple colors taken at the line indicated as a horizontal green line though the data displayed in upper left quadrant. Changing the position at which this line scan is performed is straight forward: left-click with the mouse at any point in the image and the position of the line should update appropriately. Simultaneously the position of the vertical line will be updated changing the position of the line scan displayed in the upper right panel. Note how the text displayed at the right hand side also updates. This text refers to the active pixel, which sits in the focus of the green cross-hair that defines the slicing positions as explained above. The slicing positions can be continuously changed by dragging with the left mouse button pressed down. The cross-hair can also be adjusted pixel by pixel using the arrow keys on the keyboard.

Zoom/ Demagnify

Select a chromosome or your choice and zoom in by pressing "A" (shift-"a") on the keyboard. The display will zoom in, keeping the position of the cross-hair in place. By pressing "a"  on the keyboard, the zoom can be decreased. Note that the keyboard commands are case sensitive. The result depends on whether shift has been pressed. All commands can be accessed via keyboard or via the menu. Zooming is thus also possible by selecting Display > Zoom_in [A] from the menu (right-click into the upper left data display panel). The keyboard command is indicated in square brackets in the appropriate menu.zoomed into a use defined ROI
Zoom in onto a chromosome using "A". Now you can adjust the field of view by dragging the image with the middle mouse button (or pressing the space-bar before a left-button mouse click).
Finally press "i" on the keyboard. This initialized the display window and zooms to back to the initial standard view.
Select a region of interest (ROI) by pressing shift on the keyboard and dragging with the left mouse button in the upper left data display window. This generates a ROI of rectangular shape. Once the ROI is selected the display can be zoomed to fit the ROI by pressing "Z" (remember to press shift!). The result should look approximately as shown on the right:
Note that selecting the ROI also changed some values in the text display which deal with statistics of ROIs. Finally initialize the viewer again ("i").



Multicolor mode

In the very lower right panel a plot with the title "Intensity (Elements), normalized" indicates the intensity information in the active pixel (in the middle of the cross-hair) for all the available color channels (here 7). Note how this display updates, when the cross-hair is dragged. These color channels are denoted as "Elements". There is always one element active (indicated by the white dot visible in this plot).  Instead of clicking the active element can also be changed by using "e" and "E". Note how the textual display above changes and the dot travels right or left to the next or previous element respectively. A similar effect can be achieved using the left and right arrow keys, when the mouse is over the element display (lower right).Multicolor Display with Colormaps
By pressing "q" the display mode can be changed. If pressed in the lower right (element panel), the display toggles though a multitude of modes until it arrives back to the original mode. Toggle the display until you see something similar to image displayed on the right hand side of this section.
 
Note the red border around on of the columns. This red border indicates the active element. The individual columns indicate the current assignment of color maps to the individual image channels. Pressing "C" (use shift!) toggles between multicolor mode and single color display mode. Note the change in the top left image data display. Toggle though the different individual elements ("e", "E") when in single color display mode (reached via "C") and observe how some chromosomes show up only in some of the 7 color channels.RGB readjusted
The assignment of a color map to the active element can be changed by using "c" (no shift here!). However, since often red, green and blue are the color maps of choice, they have been assigned to the keys "r", "g" and "b". Activate the last element and assign the color red to it (using "r"), assign green ("g") to the second to last element and blue to the third to last element ("b"). The element display (choose the correct mode via "q" in the element display) should look like shown on the right. Note that the original red, green and blue channels were automatically deleted and disappeared also from the multicolor image data display, which now should look like shownImage view with changed RGB assignment on the right. When browsing through the individual color maps (which can also be directly accessed by right clicking in the element display and selecting the appropriate color map from the menu "ColorMaps") one has to assure that the elements of choice are selected for display in the multicolor overlay. The active element can be toggle in and out of the multicolor overlay (reached via "C") using "v". This is done automatically when "r", "g" and "b" are used or their counterparts "R", "G" and "B" which remove the appropriate channel from the overlay display.

Contrast and Brightness adjustmentsOverUnderflow colormap active

Activate the first element, toggle the display to single color mode (using "C") and set it to a grey scale color map (e.g. using "c"). Press "1" (numeric one) two times and press "4" four times. Observe slight changes in image brightness and contrast. Then press "o". The display should now look like shown on the right.Zoomed Underflow Overflow The green pixels indicate image values which are below the minimally displayed color map and blue pixels (see zoomed display on the left) indicate pixels above the maximally displayed values. "o" toggles in and out of this under-/overflow indicator mode and "1", "2" adjust the minimum displayed value (see also the text display). The upper displayed level is adjusted by "3" and "4". The color map is stretched linearly between this minimum and maximum, which thus enables the user to adjust brightness and contrast.



2D Histograms2-dimensional histogram with a user-defined ROI.

It is possible to generate up to 3-dimensional histograms from the whole data set or from specific ROIs. Unselect the ROI, by double-left mouse-click. Now press "h" on the keyboard. You should see a 2-dimensional scatter plot similar to the one depicted on the right. This scatter plot is a two-dimensional histogram of pixel intensities. In this case each pixel in the original image appears a s dot in the scatter plot, where two of the colors of the pixels define the X and Y coordinates of it in the scatter plot. In many respects this is very similar to the plots obtained in flow cytometry (FACS scans). In this case the first and second color channel where selected for X- and Y-coordinate respectively (by default).
Clouds of pixels in this 2D histogram stem from pixels which have similar values in both of these channels. Streaks pointing towards the zero coordinate, like the one on the top right stem from pixels, which have similar ratio of colors. For this reason these scatter plots are very useful for the visual analysis of colocalization.
Now select a region of interest of arbitrary shape, similar to the one shown on the right. To do this toggle via "S" to the poly-ROI mode and shift-click to start the ROI. With every further click the ROI is extended with a line. To finish and close the ROI use a double-click.

Original pixels contributing to the ROI in the histogram. A ROI is now selected in the image.Identifying the Contributing Pixels2D Histogram with a second color stemming from a ROI in the image.

It is now useful to find out, which of the pixels in the original image contributed to the region in the 2D histogram that is selected as a ROI. To do so, press "h" in the histogram. This will generate an additional element in the original viewer. Have a look at this element (you can toggle to it via "e" or "E" in the single color mode that is accessible via "C"). The newly generated element should look like shown on the left (click to enlarge). This image is a binary image (values only 0 and 1) since it only describes which the contributing pixels were. Note that a few chromosomes do not appear here, since they had a different ratio of colors. Select such a chromosome (e.g. like shown on the left). Then press "h" in the viewer with the chromosomes again and switch to the histogram window that is still open. You should see something similar to what is shown on the right. Note the extra pixels in green that have appeared. Only very few of them fall into the ROI that was selected in the histogram, as it could be expected. It can be very useful to switch back an forth between histogram and image representation and select ROIs to learn about the properties of the image (e.g. in colocalization studies and for analyzing m-FISH data).
The elements (colors) which should be tagged for histogram X- or Y- (or even Z-) axis can be selected by typing "x", "y" (or "z") when the appropriate element is active.




Back to the View5D homepage
For hints and suggestions, contact the author under heintzmann at gmail dot com