MorganShannonMaryBioInformatics

@MorganShannonMaryBioInformatics·2 public vizzes

genome browser for group project

This genome browser displays multiple phage genomes as horizontal tracks, each annotated with gene blocks indicating their position, length, and direction along a ruler with tick marks. The linked data, loaded from a JSON file using `d3.json`, contains genome lengths and gene coordinates for several phages. The visualization uses D3 for SVG rendering and animation, with `transition()` calls that fade in the ruler, tick marks, and gene rectangles over time. Gene direction is depicted by their placement above or below the central axis.

Apr 5, 2016

Loading thumbnail…

genome browser

A genome browser displays multiple phage genomes side-by-side, showing genes as colored rectangles above and below a central ruler. Genes are colored by orientation, with tick marks and labels marking genomic positions at 100, 500, and 1000 base-pair intervals. The visualization uses D3.js to load JSON data, append SVG elements, and animate opacity transitions for the ruler, ticks, and gene blocks, with tooltips on hover.

Apr 5, 2016