ideogram
Version:
Chromosome visualization with D3.js
41 lines (40 loc) • 2.41 kB
HTML
<html>
<head>
<title>Overview | Ideogram</title>
<link type="text/css" rel="stylesheet" href="../src/css/ideogram.css"/>
</head>
<body>
<h1>Overview | Ideogram</h1>
<p>
<a href="https://github.com/eweitz/ideogram">Ideogram.js</a> is a
JavaScript library for chromosome visualization. Ideogram supports drawing
and animating genome-wide datasets.
</p>
<p>
In the examples below, raw
<a href="http://ghr.nlm.nih.gov/handbook/howgeneswork/genelocation">cytogenetic band</a>
data is read in and rendered entirely on the client using
<a href="http://d3js.org/" target="_blank">D3.js</a>.
</p>
<ol>
<li><a href="human.html">Human</a>. Chromosomes 1-22, X and Y rendered vertically.</li>
<li><a href="mouse.html">Mouse</a>. Chromosomes 1-19, X and Y rendered horizontally.</li>
<li><a href="eukaryotes.html">Eukaryotes</a>. Genomes for many organisms, using data fetched via API.</li>
<li><a href="homology_basic.html">Homology, basic</a>. Simple relations between two chromosomes.</li>
<li><a href="homology_advanced.html">Homology, advanced</a>. Relations between two chromosomes, using color and opacity.</li>
<li><a href="homology_interspecies.html">Homology, interspecies</a>. Relations between two chromosomes, each from a different taxon.</li>
<li><a href="annotations_basic.html">Annotations, basic</a>. Location of a gene on a chromosome.</li>
<li><a href="annotations_overlaid.html">Annotations, overlaid</a>. Overlaid features on chromosomes.</li>
<li><a href="annotations_colored_arms.html">Annotations, colored arms</a>. Cytogenetic arms filled with different colors.</li>
<li><a href="annotations_tracks.html">Annotations, tracks</a>. Stacked features on chromosomes.</li>
<li><a href="annotations_external_data.html">Annotations, external data</a>. Annotation data fetched from a third party API.</li>
<li><a href="annotations_histogram.html">Annotations, histogram</a>. Dense feature distributions on chromosomes.</li>
<li><a href="layout_small.html">Layout, small</a>. Chromosomes surrounded by other content.</li>
<li><a href="brush.html">Brush</a>. Move and resize a slider-like widget to change genomic coordinates in focus.</li>
</ol>
<p>
Ideogram is developed by <a href="https://github.com/eweitz">Eric Weitz</a>.
</p>
</body>
</html>