-
Notifications
You must be signed in to change notification settings - Fork 64
Description
I am building a small molecular biology workflow tool and using distinct "cards" to represent plasmids. I love seqviz, but I'm finding it difficult to render small, clean "thumbnail" versions of plasmids without the text labels, axis ticks, and +1 ORF indicators cluttering the view at small sizes (e.g., 200x200px).
Current Workaround: I am currently achieving this by applying aggressive CSS to hide specific elements:
.seqviz-minimap text { display: none; } /* Hide labels */ .seqviz-minimap .la-vz-orf { display: none; } /* Hide ORFs */ /* ...other hacks to hide axis ticks */
This is brittle and risky if class names change in future releases.
Description of the ideal solution
Proposed Solution: Could you consider adding a mode="minimap" (or variant="thumbnail") prop? Ideally, this mode would:
Disable Rendering: Completely skip rendering text labels, axis numbers, and ORF arrows to improve performance (rendering fewer DOM nodes).
Clean Aesthetics: Render only the circular backbone and the colored feature arcs.
Center Label: Optionally keep just the center plasmid name visible.
This would make seqviz incredibly powerful for "dashboard" or "library" views where users need to scan many plasmids quickly before opening one detailed view. I am taking inspiration of this from tg-oss's minimap.