React components for biological data visualization
- Gene model
- Multiple Sequence Alignment
- Phylogenetic tree
To install
npm install react-bio-viz
To use
import React from 'react';
import { GeneModel, MultipleSequenceAlignment, Tree } from '../src/index'
import gene from './data/genemodel.json'
import msa from './data/multiple_sequence_alignment.json'
import tree from './data/tree.json'
function App(): JSX.Element {
return (
<div className='react-bio-viz'>
<GeneModel gene={gene} />
<MultipleSequenceAlignment
msa={msa}
colWidth={1}
rowHeight={5}
showRowHeader={false}
/>
<Tree tree={tree} />
</div>
)
}
To see examples, start a development server (loading is currently slow)
git clone https://github.com/genenotebook/react-bio-viz
cd react-bio-viz
npm run start:dev