Genome mapping workspace
Build with Vlak1—24
1-based inclusive · 24 positions
Teaching fixture v1 · demo-01 · 1-based positions
Supplied depth. Open markers indicate missing or unavailable depth; filled markers include recorded zero.
- Depth
- 12
- Forward strand
- 6
- Reverse strand
- 6
Base counts not supplied
Depth table, 24 positions
| Position | Depth |
|---|---|
| 1 | 18 |
| 2 | 20 |
| 3 | 19 |
| 4 | 17 |
| 5 | 21 |
| 6 | 22 |
| 7 | 24 |
| 8 | 18 |
| 9 | 19 |
| 10 | 23 |
| 11 | 24 |
| 12 | 22 |
| 13 | 12 |
| 14 | 18 |
| 15 | 17 |
| 16 | 16 |
| 17 | 0 |
| 18 | 14 |
| 19 | 18 |
| 20 | 19 |
| 21 | Not supplied |
| 22 | 21 |
| 23 | 23 |
| 24 | 20 |
Locus notebook
Open a reference region → inspect a locus → annotate and export
View sourceInside the interface
A reference browser that keeps coordinates explicit. Select one of two fictional contigs, choose a region, and inspect the supplied depth and aligned reads. A selected position anchors a local annotation that can be exported with its reference and coordinate convention.
The short sequences and read records are fictional interface fixtures. Region selection, annotations, and JSON download work locally. The workspace performs no mapping, alignment, variant calling, or clinical interpretation.
Use this as a starting point
Build with Vlak
Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.
npm install @noorddev/vlak-reactimport "@noorddev/vlak-react/css";Start with your coding agent
A ready-to-use brief with this study, Vlak’s components, and the design guide.
Component modifications
- Genomic region field validates a one-based inclusive region before the evidence window changes. Its contig and numeric controls retain Vlak's keyboard and native form behavior.
- Coverage inspector and Sequence alignment share the selected reference position. The workspace slices already supplied records; it does not compute an alignment or fill missing depths.
- Textarea and Button record annotations tied to the selected locus. Export downloads the actual local records with their coordinate convention and fictional reference identity.
- Below a 640px specimen width, Region, Evidence, and Notes have separate screens. Applying a valid region opens evidence; coverage and alignment remain reachable through a view picker. Notes keep their selected locus and a pinned save action, with export available from the region screen.