TnT Tooltip example created using the generic tooltip interface.
Miguel Pignatelli emepyc
TnT Tooltip example simulating a tooltip to display async data. Clicking on the red circle fires a plain tooltip with a spinner. After 2 seconds, this spinner is substituted by a table tooltip displaying the data.
Example of TnT visualisation showing tree updates.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {"tree":{"events":{"type":"speciation"},"branch_length":0,"children":[{"events":{"type":"speciation"},"branch_length":0,"children":[{"events":{"type":"speciation"},"branch_length":0.141044,"children":[{"events":{"type":"speciation"},"branch_length":0.137872,"children":[{"events":{"type":"speciation"},"branch_length":0.183219,"children":[{"events":{"type":"speciation"},"branch_length":0.007354,"children":[{"events":{"type":"speciation"},"branch_length":0.196061,"children":[{"exon_boundaries":{"boundaries":[28,138,163,195,208,246,284,307,685,2766,2800,2831,3003,3065,3128,3186,3314,3368,3419,3465,3535,3592,3651,3742,3811],"number_of_exons":26},"sequence":{"mol_seq":{"seq":"----MDSCIQN---MYDAFKDEIWK--ELGPLDPNWFEVLTAQASLNEGN---VADNDE--LCANQEGYFKVPLEKTAVESQLFSTPKVFRHCQIV---SP------------------------DTEDDTSFTAAQEKEMLPWMPTQSPCLFQP---PKLCVSNLKCEGVQPQTE----------A----SFDLLHSPE--KSP-ASYANHISESLGAQINPDISWTSSFNTPRALPSTLILSKTDESPCPESVTADR--KVVFV-----------------RKLFPSLSNSSLNTSR-TSLGPVFPVTDTCSKSPLNQSESHQQQ---K------VPDALEG- |
Example of TnT visualisation showing how to update the tree and the board (tracks) based on user input. Click on internal nodes of the tree to collapse them.
Example of TnT Genome showing a board of variable height depending on the number of genes to display. This is done by configuring the genome layout.
Example of TnT Genome showing transcript information.
Example of TnT Genome that shows genes and transcripts in the same track, but transcripts only for a specific gene. This is done by getting the default data retriever for the gene track (which is a promise) and set a new retriever that chains the original one with a function that retrieves all the transcripts (exons, etc) only for the specific gene (PTEN in this case).
Example of TnT Genome that colors genes based on their biotypes and creates a legend dynamically explaining the colors of the biotypes in the display. This is done by getting the default data retriever (which is a promise) and set a new retriever that chains the original one with a function that sets colors to the genes and populates the legend.
Example of sequence track in TnT Genome. Zoom in to reveal the genomic sequence of the region in the board.