opensci.devopensci.dev

SeqViz Plugin

seqviz is an open‑source, embeddable library for interactive DNA sequence visualization and annotation on the web. It renders circular and linear maps, supports common formats like GenBank and FASTA, and displays features, primers, translations, and restriction sites with fast, responsive SVG/Canvas rendering. It’s features include interactive highlighting, sequence search and edits, making it ideal for plasmid maps, construct design, and educational demos.

Rendering from Accession

Rendering of the AGTR2 by Accession number only, data is fetched at build time from Genebank using the seqparse library and all Accession numbers supported by seqparse should work here.

In this case gene is the angiotensin II receptor type 2 human transcript based on Genebank data from https://www.ncbi.nlm.nih.gov/datasets/gene/186/#summary.

The visualization above is rendered by the following compact code, using the seqviz plugin.

:::{seqviz} NM_000686
:height: 600px
:::

Rendering from file

Rendering of the Human Chromasome 1 by loading data from file. Data is loaded and parsed at build time from Genebank using the seqparse library, and all file formats numbers supported by seqparse should work here.

In this case Genbank file was downloaded from https://www.ncbi.nlm.nih.gov/nuccore/NC_000017.11?report=genbank&from=81684011&to=81702121 and is included here HCH1.gb

The directive used to render this visualization is:

:::{seqviz} ./HCH1.gb
:height: 600px
:viewer: both_flip
:::
```