react-bio-viz

0.0.8 • Public • Published

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 '../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

showcase

Readme

Keywords

none

Package Sidebar

Install

npm i react-bio-viz

Weekly Downloads

11

Version

0.0.8

License

MIT

Unpacked Size

3.22 MB

Total Files

16

Last publish

Collaborators

  • holmrenser