← All embedding examples

DNA sequence editor

This example renders a randomized 50-base DNA sequence using the same colored rectangles and base labels as the dynamic sequence source example.

Click a base to replace it with the next base in the cycle A → C → G → T → A. The canvas click is resolved to a mark with the root view's scoped picking API, and the changed sequence is published through the named dataset API.

The marks use tooltip: false: this hides tooltips while keeping them available for picking. tooltip: null would also disable picking unless a point selection enabled it.

Click a base to edit the sequence.