🧬

Initializing gbdraw...

Loading Python engine and dependencies.

Loading gbdraw...

Generating Diagram...

🧬

gbdraw A genome diagram generator for microbes and organelles

Session
Input Genomes
LOSAT Mode
LOSAT Settings

Query/DB gencode is set per entry below.

Cached results are reused when inputs and settings match.

{{ linearReorderNotice }}
#{{ idx + 1 }}
Organism / strain (optional)
Region (optional)
LOSAT Gencode
Compare to next (BLAST)
LOSAT (pair #{{ idx + 1 }} ↔ #{{ idx + 2 }})
Default: {{ getLosatPairDefaultName(idx) }}
Basic
Layout
Title & Legend
Colors

PRESET SCHEMES

Affects -d & -t

Preset schemes update the palette and replace existing specific rules.

DEFAULT COLORS (-d)

Palette {{ pendingPaletteName }} is queued and will apply on the next Generate Diagram.
{{ feat }}
- OR UPLOAD FILE -
Override default feature colors.

SPECIFIC RULES (-t)

{{rule.feat}} {{rule.qual}} /{{rule.val}}/
No rules added
- OR UPLOAD FILE -
Override colors for specific features.
Features
{{ f }} No features selected
Labels

LABEL FILTERING

Exclude labels containing these keywords.

- OR -

Only show labels matching regex rules. Use ^...$ for exact matches.

- OR -

QUALIFIER PRIORITY

{{rule.feat}} {{rule.order}}
No priority rules defined
- OR UPLOAD FILE -

LABEL GEOMETRY

Enable labels to configure filtering, qualifier priority, text settings, and circular label geometry.

Axis & Scale
Axis & Scale
Dinucleotide content/skew
Pairwise Match

Applies to BLAST or LOSAT pairwise comparison tracks.

About & Citation
Privacy & Security This tool runs entirely in your browser using WebAssembly (Pyodide). Your genomic data is processed locally and never leaves your device.
How to cite

If you use gbdraw in your research, please cite the preprint:

Kawato, S. (2026). gbdraw: a genome diagram generator for microbes and organelles. bioRxiv. https://doi.org/10.64898/2026.04.07.716863

DOI: https://doi.org/10.64898/2026.04.07.716863

Source code: https://github.com/satoshikawato/gbdraw

License & Notices

gbdraw is released under the MIT License. Open source notices for the hosted app, vendored browser assets, and bundled fonts are available on a local static page.

Open Source Notices MIT on GitHub
GitHub Issues
Error Occurred
{{ errorDisplay.summary }}
Details
{{ section.label }}
{{ section.text }}
Result Preview
DPI

Drag record or legend to reposition

Canvas Padding

Add space around the diagram

{{ clickedFeature.label }}
Location: {{ clickedFeatureLocation }}

Suggestions from SPECIFIC RULES (-t)

No SPECIFIC RULES (-t) legend text available yet

Applies to this feature only (hash ID rule).

{{ clickedFeature.labelKey }}

Source: {{ clickedFeature.labelSourceText }}

{{ clickedFeature.labelUnavailableReason }}

{{ clickedFeature.color }}

Label Text Scope

Choose how to apply the label text change for "{{ labelTextScopeDialog.sourceText }}".

This label is not linked to a feature ID. "This label only" is applied to the current SVG but may not persist after re-generate.

Enable Labels

Labels are currently off. Choose how to show labels for this edit.

Color Change Scope

{{ legendRenameDialog.mode === 'scope' ? 'Legend Name Scope' : 'Legend Name Conflict' }}

Legend item "{{ legendRenameDialog.oldCaption }}" is currently shared by {{ legendRenameDialog.siblingCount + 1 }} features.
Apply the rename to "{{ legendRenameDialog.newCaption }}" for this feature only, or for all current uses?

"{{ legendRenameDialog.newCaption }}" already exists with a different color.
Existing color: {{ legendRenameDialog.targetColor }}
Current color: {{ legendRenameDialog.currentColor }}

Reset Fill Color

There are {{ resetColorDialog.siblingCount }} other features with the caption "{{ resetColorDialog.caption }}".
How do you want to reset the color?

Legend Editor
Drag legend to reposition
|
Stroke:
No legend entries found
Feature colors and labels are managed via Feature Editor
Feature Editor

Features ({{ filteredFeatures.length }})

{{ feat.type }} {{ feat.start }}..{{ feat.end }} {{ feat.product || feat.gene || feat.locus_tag || feat.note || '(unnamed)' }}

Visibility: {{ getFeatureVisibility(feat) }}

No features found

Click a feature row or the diagram to edit legend name, label text, and colors.

Label TSV format: record_id, feature_type, qualifier, value, label_text.

Reflowing label placement...

Auto Reflow failed. Current diagram is kept.

{{ labelOverrideBuildWarning }}

Configure settings and click Generate