Visualization Components

epiviz-chart components are a collection of reusable and extensible visualization components for genomic data. We use D3.js JavaScript library to render customizable and interactive charts. An epiviz-chart component requires two attributes to render a visualization on the page

• Data attribute - a JSON (JavaScript Object Notation) representation of genomic data.
• Dimensions (or columns) from the data attribute to visualize.

epiviz-chart components are reactive components that render visualizations only after the data attribute is attached to the element. Any change to the data attribute triggers an event to revisualize the chart. Each visualization is extensible and easily customizable to define various settings and colors.

Supported Visualizations

We support both track and feature (plots) based visualizations.

• Tracks

  • epiviz-genes-track
  • epiviz-blocks-track
  • epiviz-stacked-blocks-track
  • epiviz-line-track
  • epiviz-stacked-line-track

• Plots

  • epiviz-scatter-plot
  • epiviz-heatmap-plot
  • epiviz-line-plot
  • epiviz-stacked-line-plot