The source code for this example can be found on GitHub

VIBES-SODA is a relatively complicated interface for visualizing the results of analysis with our VIBES pipeline (not yet publicly available). VIBES produces annotations of full or partial integrations of phage sequence detected in bacterial genomes.

The VIBES pipeline accepts a batch of bacterial genomes and a batch of phage genomes, and identifies regions in the bacterial genomes that appear to be the result of phage integration. One output from VIBES is a representation, for each bacterial genome, of the locations of inferred phage integration. Another VIBES output is, for each phage genome, a nucleotode-precision representation of the frequency with which each nucleotide is part of an observed integration (some phage regions appear to be integrated or retained much more than others). VIBES also identifies all Swiss-Prot and Pfam annotations for each phage genome.

Once a genome has been selected from the search bar, several figures will begin to render. At the top of the visualization, you will find a chart that represents a linearized version of the selected bacterial genome. The top row of the linear chart displays annotations of phage integrations to the bacterial genome as identified by VIBES, and the bottom row displays gene annotations (acquired from an externally-sourced GTF file). The linear chart can be zoomed with ctrl+scroll and panned by clicking and dragging. At the top zoom level, the gene annotations are aggregated into groups based off of proximity in the chromosome. As the zoom level increases, the gene annotations are continuously re-rendered as more horizontal screen real estate enables finer-grained display.

Below the linear chart on the left is a radial representation of the bacterial genome. Here, phage integrations are shown on the outer ring and gene annotations are shown on the inner ring. The radial chart can also be zoomed with ctrl+scroll and panned by clicking and dragging. Like in the linear chart, gene annotations are aggregated based on the current zoom level.

On the linear bacterial chart, a region is shaded in gray to indicate the region that is currently rendered in the radial chart. On the radial bacterial chart, a region is similarly shaded to indicate the region that is currently rendered in the linear chart.

On both the linear and radial charts, a single phage integration is highlighted blue, indicating that it is currently "active". The active annotation determines the contents of the occurrences plot, which is directly to the right of the radial chart. The top of the occurrences plot displays the position-specific integration frequencies of the phage responsible for the current active annotation. The region of the phage genome that was identified in the current bacterial genome is highlighted in blue. The bottom of the occurrences plot annotates genes along the entirety of the phage genome. The active annotation can be switched by clicking on phage annotations on either the linear or radial chart, or by pressing the buttons that appear when hovering over the radial chart.

Finally, at the bottom of the visualization is a simple table that describes the gene annotations across the active phage genome. Clicking on one annotation (colored bar) in the occurrences plot will cause the corresponding entry to be highlighted in the table.