Live demo

Hover over the gene names below to see the library in action.

Example genes

The protein encoded by TP53 is a tumor suppressor. In mice, the ortholog is Trp53. This is a well-known gene from the fruit fly: dib. Here is one from yeast: RAD51.

Lists of genes

You can also use delimiters (space, comma, semicolon) to separate lists of genes and use only one class tag for all of them.

Show code

<p style="font-size: 1.2em; line-height: 1.8;">
    Here are a bunch of human genes, separated by commas:
    <div class="gene-tooltip" data-species="human">
        TP53, GADD45A, BRCA1, BRCA2, RAD51, ATM, XPA, NOTAGENE
    </div>
</p>

Here are a bunch of human genes, separated by commas: TP53, GADD45A, BRCA1, BRCA2, RAD51, ATM, XPA, NOTAGENE

Supported species

The species in src/constants.ts are supported. The MyGene.info API supports ~22K species via the taxid, so the data retrieval will work for many species. This is also true for ideogram.js. I only built in icons and common names for convenience for popular species, but using the taxid should be an option for most species.

Human

TP53, BRCA1, MYC

Mouse

Trp53, Mdm2, Gadd45a

Rat

Tp53, Alb, Il6

Fruitfly

boss, Antp, dib

Nematode

ced-3, ced-9, lin-4

Zebrafish

noto, wnt5b, sox2

Thale cress

AG, AP1, FLC

Frog

Nodal, Foxd3, Sox2

Pig

ADCY4, APOE, GGTA1

Yeast

PHO5, GAL1, CDC28