Skip to content

genenotebook/react-bio-viz

Repository files navigation

react-bio-viz

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 'react-bio-viz'

import { genemodel, msa, tree } from './src/data'

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 install
npm run dev

showcase

About

React components for biological data visualization

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages