How to use this tool
AAT Bioquest's interactive Spectrum Viewer is a powerful tool for analysis and comparison of the spectra of common compounds used in absorbance and fluorescence formats. The Spectrum Viewer is set to fluorescent mode by default. To use the viewer for absorbance dyes (colorimetric format labels), click the left drop-down menu under "Current mode" and select "Absorbance".
For technical assistance on using this web application, please contact email@example.com
General Information 
The displayed graphs show the normalized intensity of each compound in relation to the wavelength of light, with the line shown in the color appropriate to its location on the visual spectrum.
To display the information about a specific compound, hover over or click the displayed curve of that compound, and the associated properties will be displayed on the right-hand side of the page.
Adding Spectra To View Display 
Click either "Compound" in the "Add" submenu on the left or click the center of the empty display panel-a menu will appear at the bottom of the page.
To select a known dye, scroll down the menu on the left and click to select. The choice currently selected will be highlighted in blue. To change the current selection, click a different dye name.
To select multiple individual options at the same time, hold the CTRL key while clicking each desired dye.
To select all of a range of dyes, click the first desired choice, hold the SHIFT key while clicking the dye at the end of the desired range.
To search for dyes by name or absorbance values, use the section on the right and enter in the desired values, then press the ENTER key. The left-side menu will display all dyes with the selected properties. Click one or more choices. (Reminder: hold the SHIFT or CTRL key while clicking to select multiple dyes)
Once all the desired options are highlighted blue, click the yellow "Add to graph" button on the lower right.
To remove a compound, click the "x" to the right of the compound name.
Adjusting Graph Display 
If a selected compound is no longer of interest, click the checkbox to the right of the compound name as displayed on the bottom of the page to deselect it.
Under the "Display" submenu heading on the left side of the page, the user can choose to "Hide" or "Show" Fill color within the fluorophore emission graph by clicking the words or left side box.
To change the horizontal display axis, click "Set Axis". A popup box will appear on the top of the page with an input box for the starting wavelength. To keep the current number, click "Cancel", or enter the desired starting wavelength into the input box and click "OK". The user will then be prompted to enter an ending wavelength value. Click "Cancel" to keep the current value or enter the desired numerical value into the input box and click "OK". The display will adjust to the desired settings.
Analyzing Spectra 
Click "Show Crosshairs" under the "Analyze" submenu in order to trace the exact curve of the currently-selected compounds" absorbance across the horizontal axis. This may be a convenient setting for users employing low-contrast screens. Click "Hide Crosshairs" to return to the default.
To calculate the correction factor (Cf) for a selected compound, click "Calculate Correction Factor" under the "Analyze" submenu. A menu will open below the graph display, with the selected compound at the top.
In the input boxes available, enter the desired starting and ending wavelengths in numerical format. The calculated number will be displayed on the right.
To check multiple wavelength ranges, press the "ENTER" key to generate a new pair of input boxes for direct comparison.
To exit out of the menu, click the small "x" on the upper right corner of the gray bar at the top of the menu.
Exporting/Sharing Graph 
Under the "Export" submenu on the left side of the screen, the user may instantly download the spectrum as a .png file to their computer by clicking "Image" under the "Export" Menu on the left side of the window.
To instead share a link to the graph(s) page, click "Shareable Link" to copy the url to the clipboard. The user may then "paste" the link into an email or other form of digital communication by either using the right mouse button or clicking the "CTRL" and "v" keys simultaneously.