GIVE: Build your own genome browser

GIVE is an open source programming library that allows anyone with HTML programming experience to build custom genome browser websites or apps. With a few lines of codes, one can add to a personal webpage an interactive genome browser that host custom data. It typically takes less than half a day to build a genome browser website with GIVE.

This portable library encapsulates novel data communication and data visualization technologies, including new data structures and new memory management methods that enable efficient data transfer between the data-hosting website and internet browsers.

GIVE is the acronym of Genomic Interaction Visualization Engine, although GIVE's utilities have outgrown its original name.

GIVE tutorials

Example websites and line by line explanation.

GIVE manual

A full technical reference.

A 2-minute example

Just copy paste the two following lines to jsfiddle, an online HTML testing website for testing of your own HTML codes.

1) Go to jsfiddle, 2) copy paste the following lines to the HTML panel (top left), 3) hit "run" button.

Congratulations! You are seeing your first genome browser webpage. You can modify and change using HTML as your wish.

<script src="https://www.givengine.org/libWC/webcomponents-lite.min.js"></script>

<link rel="import" href="https://www.givengine.org/lib/chart-controller/chart-controller.html">

<!-- Embed the browser in your web page -->

<chart-controller title-text="long-range promoter contacts with capture Hi-C" ref="hg19" num-of-subs="2" coordinates='["chr18:19140000-19450000", "chr18:19140000-19450000"]' group-id-list='["genes", "CHi-C_promoter", "customTracks"]'>

</chart-controller>

Examples of custom genome browsers built with GIVE

Single-cell transcriptome website

A website for displaying genome interaction (Hi-C) data together with other data types.

A web browser for human ENCODE datasets

A website for genome-wide RNA-DNA interactions

A website for displaying genome interaction (Capture Hi-C) data

A website for displaying genome interaction (ChIA-PET) data

Citation: Xiaoyi Cao, Zhangming Yan, Qiuyang Wu, Alvin Zheng, Sheng Zhong, Building a genome browser with GIVE, bioRxiv, 2017, https://doi.org/10.1101/177832.