Skip to content

react-bio-viz

Interactive, consistently controllable React components for alignments, trees, distance matrices and genomes — and the same components as Jupyter widgets.

A 100-sequence protein alignment, live — scroll to pan, Ctrl/⌘-scroll to zoom, drag the minimap:

Built for real data

Canvas views draw only what is on screen, so a thousand-sequence alignment or distance matrix costs the same as a small one.

One state contract

Every piece of interactive state — viewport, selection, row order, tree arrangement — can be uncontrolled, controlled, or kept in your own store. Learn it once.

Views that link

An alignment, its distance matrix and its tree can share one row order: reorder one and the others follow.

Python too

The same components as Jupyter widgets, with every piece of state a synced traitlet.