PlasmidViewer
Circular plasmid map with feature stacking, tapered directional arcs, internal textPath labels, and relaxed outer label layout with polyline connectors.
pUC19 (2686 bp) — AmpR, lacZα, MCS with 15 cut sites
SequenceViewer
Linear sequence display with multi-track annotations, translations, primers, cut sites, virtual scrolling, and multi-alphabet support (DNA/RNA/protein).
pUC19 (2686 bp) — synced with PlasmidViewer
GelViewer
Realistic gel electrophoresis visualization with multiple stain types, band styles, and size markers.
pUC19 restriction digest, 1% agarose
TraceViewer
Sanger sequencing chromatogram viewer with 4-channel peaks, quality scores, and reference alignment overlay.
60 bases, simulated AB1 data
MultiTraceViewer
Synchronized multi-lane Sanger trace viewer. All lanes share zoom and scroll with a single scrollbar.
3 lanes, shared zoom/scroll
AlignmentViewer
Canvas-rendered multiple sequence alignment with per-position conservation bar, virtual scrolling, and synced name panel.
Hemoglobin alpha, 5 species
ProteinViewer
3D protein structure viewer powered by 3Dmol.js with dynamic import (SSR-safe). Supports cartoon, stick, sphere, line styles.
Demo peptide ALA-GLY-VAL-LEU-SER
RestrictionMap
Linear restriction enzyme map with cut site labels above the backbone and feature blocks.
pUC19 EcoRI, BamHI, HindIII
DiffViewer
Construct-level comparison view showing two sequences side by side with matching regions, mismatches, insertions, and deletions connected visually.
Wild-type vs mutant construct with insertion
No interactive controls — data-driven display
CompositionChart
Donut chart for GC content plus horizontal bar chart showing per-residue counts and percentages.
203 bp sample
DoseResponseCurve
Log-scale dose-response with 4-parameter fit curves, IC50 markers, and confidence intervals.
Data-driven display
ChromatogramViewer
SEC/HPLC chromatogram with dual Y axes, gradient overlay, and fraction highlighting.
Data-driven display
PlateHeatmap
96/384-well plate heatmap with well grouping, Z-factor, and configurable color scale.
TimeSeriesPlot
Time-series line chart for growth curves, kinetic reads, and multi-series data.
Data-driven display
SpectrumViewer
UV/Vis absorption spectrum with annotated peaks and axis labels.
Data-driven display
MeltingCurve
Thermal stability (nanoDSF) with ratio and derivative curves, Tm markers.
Data-driven display
VolcanoPlot
Differential expression volcano with fold-change vs significance, threshold lines, and gene labels.
Data-driven display
HeatmapViewer
Clustered expression heatmap with row/column labels and diverging color scale.
SeqLogo
Sequence logo showing position-specific nucleotide frequencies (information content).
Data-driven display
BindingKineticsViewer
SPR/BLI sensorgram with association/dissociation phases and kinetic parameters.
Data-driven display