Skip to content
Permalink
2021-02-01
Switch branches/tags
Go to file
 
 
Cannot retrieve contributors at this time
layout title zenodo_link questions objectives time_estimation key_points contributors
tutorial_hands_on
Genomic Data Visualisation with JBrowse
How can I visualise features or blast data?
How can I visualise sequencing data in a workflow
Build several visualisations in JBrowse
Have basic familiarity with moving around JBrowse, and loading several data tracks
1h
This tutorial can not exhaustively cover every data type, but maybe it provides inspiration for your own analyses
JBrowse is a great, workflow-compatible alternative to other genome browsers
You can build visualisations that summarise dozens of analyses in one visualisation
hexylena
shiltemann

Introduction

{:.no_toc}

JBrowse ({% cite Buels_2016 %}) is a fast, embeddable genome browser built completely with JavaScript and HTML5, with optional run-once data formatting tools written in Perl.

from http://jbrowse.org/ {: .quote}

The Galaxy tool accepts data in many formats:

  • Intervals/Annotation/Feature Tracks (GFF/GFF3, BED, GenBank)
  • BAM Pileups
  • Blast XML results
  • Wig/BigWig
  • VCF files

and executes the "run-once data formatting tools" mentioned in its description. The JBrowse tool has an incredibly extensive number of options, more than anyone needs most of the time. We'll go through them in detail but feel free to skip the sections that don't apply to the data types you use. Not everyone has Blast results to visualise. This tutorial also is very hands off, we will give some guidance but it is up to you to explore JBrowse and consider ways in which it can apply to your own data. Unlike other tutorials there is no biological story here, just some ways you can visualise common datatypes.

This tutorial covers version 1.16.5+ of the JBrowse tool, earlier versions will have different behaviour and tool layout.

Agenda

In this tutorial, we will deal with:

  1. TOC {:toc}

{: .agenda}

Data Upload

{% icon hands_on %} Hands-on: Getting the data

  1. Create and name a new history for this tutorial.

    {% include snippets/create_new_history.md %}

  2. Import the datasets we will visualize:

    https://zenodo.org/record/3591856/files/blastp%20genes.gff3
    https://zenodo.org/record/3591856/files/blastp%20vs%20swissprot.xml
    https://zenodo.org/record/3591856/files/dna%20sequencing.bam
    https://zenodo.org/record/3591856/files/dna%20sequencing%20coverage.bw
    https://zenodo.org/record/3591856/files/genes%20(de%20novo).gff3
    https://zenodo.org/record/3591856/files/genes%20(NCBI).gff3
    https://zenodo.org/record/3591856/files/genome.fa
    https://zenodo.org/record/3591856/files/RNA-Seq%20coverage%201.bw
    https://zenodo.org/record/3591856/files/RNA-Seq%20coverage%202.bw
    https://zenodo.org/record/3591856/files/variants.vcf
    

    {% include snippets/import_via_link.md %}

{: .hands_on}

The data for today is a subset of real datasets from E. coli MG1655 strain K-12

Simple Gene Tracks

We will start by adding a couple of gene call tracks. In our case these are genes and gene predictions, but they don't have to be. In the general case this can be any interesting region from an analysis, where a tool has pointed out some region for further inspection for some reason, then this data can be visualised with the "gene" track type.

{% icon hands_on %} Hands-on: Build the JBrowse

  1. JBrowse {% icon tool %} with the following parameters:

    • "Reference genome to display": Use a genome from history
      • {% icon param-file %} "Select the reference genome": genome.fa
    • "Genetic Code": 11. The Bacterial, Archaeal and Plant Plastid Code
    • In "Track Group":
      • {% icon param-repeat %} "Insert Track Group"
        • "Track Category": Genes
        • In "Annotation Track":
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": GFF/GFF3/BED Features
              • {% icon param-file %} "GFF/GFF3/BED Track Data": genes (de novo).gff3
  2. Execute

  3. View the contents of the file

    Screenshot of JBrowse

    {% icon tip %} Error reading from name store

    error message

    If you see this error message, click OK, this is a known bug. {: .tip}

{: .hands_on}

If you are not familiar with the operation of JBrowse there are some important points:

  • "Tracks" are shown on the left. Clicking the checkboxes will make the tracks visible or invisible
  • You can use your mouse scrollwheel to move around the genome view area, or you can click and drag to move.
  • Double clicking will zoom in on the genome, or you can use the magnifying glass icons to zoom in our out

{% icon tip %} Tip: Naming Tracks

  • The JBrowse tool takes track names directly from file names
  • If you want to rename tracks: Click on the pencil icon, edit the Name and click Save.
  • You can now re-run the JBrowse tool and it will produce a new JBrowse instance with corrected names. {: .tip}

Complex Gene Tracks

All of the track types in the JBrowse tool support a wide array of features. We've only looked at a simple track with default options, however there are more tools available to us to help create user-friendly JBrowse instances that can embed rich data.

{% icon hands_on %} Hands-on: Build a JBrowse for viewing Genes

  1. JBrowse {% icon tool %} with the following parameters:

    • "Reference genome to display": Use a genome from history
      • {% icon param-file %} "Select the reference genome": genome.fa
    • "Genetic Code": 11. The Bacterial, Archaeal and Plant Plastid Code
    • In "Track Group":
      • {% icon param-repeat %} "Insert Track Group"
        • "Track Category": Genes
        • In "Annotation Track":
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": GFF/GFF3/BED Features
              • {% icon param-file %} "GFF/GFF3/BED Track Data": genes (de novo).gff3
              • "JBrowse Track Type [Advanced]": Canvas Features
              • In "JBrowse Feature Score Scaling & Coloring Options [Advanced]":
                • "Color Score Algorithm": Based on score
                  • "How should minimum and maximum values be determined for the scores of the features": Manually specify minimum and maximum expected scores for the feature track
                    • "Minimum expected score": 0
                    • "Maximum expected score": 1
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": GFF/GFF3/BED Features
              • {% icon param-file %} "GFF/GFF3/BED Track Data": genes (NCBI).gff3

              • "JBrowse Track Type [Advanced]": Canvas Features

              • In "JBrowse Contextual Menu options [Advanced]":

                {% icon tip %} Tip: Contextual Menus

                We're going to add a "Contextual Menu" which deserves a little explanation first. In JBrowse terminology the right click menu of some features is called the contextual menus. You can customize this menu to add new links and options that will be useful to the user. These links can be templated with variables based on metadata of the feature that the user clicked upon.

                There are more valid values for templating than mentioned in the help. When you click on a feature in the JBrowse instance, it will present all of the properties of the feature. Any of the top level properties can be used directly in your templating {: .tip}

                • In "Track Menu":
                  • {% icon param-repeat %} "Insert Track Menu"
                    • "Menu label": See protein at NCBI
                    • "Menu url": https://www.ncbi.nlm.nih.gov/gene?term={locus_tag}%5BGene%20Name%5D
                    • "Menu icon": Database
  2. View the output

    genes in JBrowse

  3. Turn on both tracks of data.

  4. Navigate to 21,200, either manually, or by copying and pasting the location block: NC_000913.3:18351..24780

  5. Right click on the yaaY gene, and click the "See protein at NCBI" menu option.

    This menu option is dynamic, try it with a few other features from the genes (NCBI).gff3 track. These features have a locus_tag and the menu button we added will open a URL to an NCBI search page for the value of this locus_tag attribute.

    ncbi view {: .hands_on}

Contextual menus can be used to link to more than just NCBI.

  • The links can go anywhere such as web search services (e.g. Google) or genomics web services (e.g. EBI)
  • Some sites use the IFrame action to link genes to local services where users are expected to submit annotation notes or data.

Sequencing, Coverage, and Variation

This is the next major category of data that people wish to visualize: sequencing, coverage, and variation. The sequencing data can be of any type, and does not necessarily need to be sequencing data, as long as the results are formatted as BAM files. Here we will add several coverage tracks (essentially a line plot along the genome, associating a position with a value) with various visualisation options like scaling and display type. Each of these visualisation options can be useful in different situations, but it largely is a matter of preference or what you are used to seeing.

Next we will add a sequencing dataset, a BAM file which maps some sequencing reads against various locations along the genome. JBrowse helpfully highlights which reads have mapping issues, and any changes in bases between the reads and the genome. We "Autogenerate a SNP track", which produces an extra track we can enable in JBrowse. This track reads the same BAM file used for visualising reads, and then produces a SNP and coverage visualisation. NB: This only works for small BAM files, if your files are large (>200 Mb), then you should consider generating these coverage and SNP tracks by other means (e.g. bamCoverage and FreeBayes or similar tools) as it will be significantly faster. You can learn more about generating these files in [the Mapping tutorial]({% link topics/sequence-analysis/tutorials/mapping/tutorial.md %}).

{% icon hands_on %} Hands-on: Task description

  1. JBrowse {% icon tool %} with the following parameters:

    • "Reference genome to display": Use a genome from history
      • {% icon param-file %} "Select the reference genome": genome.fa
    • "Genetic Code": 11. The Bacterial, Archaeal and Plant Plastid Code
    • In "Track Group":
      • {% icon param-repeat %} "Insert Track Group"
        • "Track Category": Coverage
        • In "Annotation Track":
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": BigWig XY
              • {% icon param-file %} "BigWig Track Data": dna sequencing coverage.bw
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": BigWig XY
              • {% icon param-file %} "BigWig Track Data": rna-seq coverage/1.bw
              • "Use XYPlot": Yes
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": BigWig XY
              • {% icon param-file %} "BigWig Track Data": rna-seq coverage/2.bw
              • "Use XYPlot": Yes
              • "Show variance band": Yes
              • "Track Scaling": Autoscale (global)
      • {% icon param-repeat %} "Insert Track Group"
        • "Track Category": Sequencing & Variation
        • In "Annotation Track":
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": BAM Pileups
              • {% icon param-file %} "BAM Track Data": sequencing.bam
              • "Autogenerate SNP Track": Yes
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": VCF SNPs
              • {% icon param-file %} "SNP Track Data": variants.vcf
  2. Execute and then explore the resulting data.

    sequencing tracks in JBrowse {: .hands_on}

Try:

  • Clicking on individual variations in the dedicated variants.vcf track
  • Hovering over the autogenerated SNPs/Coverage track
  • Clicking on individual reads of the sequencing.bam track
  • Changing the visualisation options of the BAM track

Blast Results

The Blast visualisation module requires that you have a gff3 formatted set of features which you then exported as DNA or protein, and blasted. The reason is easy to understand: when you extract DNA/protein sequences for Blasting, this process looses information about where these sequences were along the genome. The results from Blast retains the identifiers from the DNA/protein sequences, so we need to "map" these identifiers, to proper features with locations.

The best way to accomplish this is through the gffread tool which can cleanup a gff3 file, and export various features, optionally translating them. With these outputs, the cleaned features and fasta formatted sequences, you can Blast the sequences, and then supply the resulting Blast XML outputs in addition to the cleaned features, allowing a script to re-associate these Blast results to their original locations along the genome.

{% icon hands_on %} Hands-on: Building a JBrowse for Blast results

  1. JBrowse {% icon tool %} with the following parameters:

    • "Reference genome to display": Use a genome from history
      • {% icon param-file %} "Select the reference genome": genome.fa
    • "Genetic Code": 11. The Bacterial, Archaeal and Plant Plastid Code
    • In "Track Group":
      • {% icon param-repeat %} "Insert Track Group"
        • In "Annotation Track":
          • {% icon param-repeat %} "Insert Annotation Track"
            • "Track Type": Blast XML
              • {% icon param-file %} "BlastXML Track Data": blastp vs swissprot.xml
              • {% icon param-file %} "Features used in Blast Search": blastp genes.gff3
              • "Minimum Gap Size": 5
              • "Is this a protein blast search?": Yes
              • In "JBrowse Feature Score Scaling & Coloring Options [Advanced]":
                • "Color Score Algorithm": Based on score
                  • "JBrowse style.color function's score scaling": Blast scaling
  2. Execute and then explore the resulting data.

    blast results in JBrowse {: .hands_on}

Conclusion

This does not exhaustively cover JBrowse, and the tool is more extensible than can be easily documented, but hopefully these examples are illustrative and can give you some ideas about your next steps.