HomeBioinformaticsSequence Alignment Visualizer: Needleman-Wunsch Dynamic Programming

Sequence Alignment Visualizer — Needleman-Wunsch

Interactive Needleman-Wunsch global sequence alignment: watch the dynamic-programming matrix fill cell by cell as a 3D bar grid, then follow the optimal traceback path to the final aligned DNA sequences. Tune match, mismatch and gap scores live.

Bioinformatics3DModerate60 FPS
bioinformatics-algorithms ↗ Open standalone

This simulator builds the dynamic-programming matrix behind global sequence alignment as a live 3D bar grid: two DNA sequences form the row and column axes, and every cell's height animates in as its score is computed from the diagonal, upward and leftward neighbours. Once the grid is full, a highlighted traceback path threads from the bottom-right corner back to the origin, revealing the optimal alignment — read off below as the two sequences with gap characters inserted. Match, mismatch and gap parameters are all adjustable, so the same pair of sequences can be re-aligned instantly under different scoring rules.

⚙ Under the hood

Watch the Needleman-Wunsch dynamic-programming matrix for global DNA sequence alignment fill row by row as a 3D bar grid, then follow the highlighted traceback path to the optimal alignment. Match, mismatch and gap scores are adjustable live.

Three.jsbioinformaticssequence alignmentNeedleman-Wunschdynamic programmingInstancedMesh

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)