Bioblocks Visualization Library
Intro
Visualization components displaying biological data, such as with ContactMap.org or Bioblocks Portal for the Human Cell Atlas.
Check out the API Docs, some live examples, our storybook, or even the Contact Map site!
Installation
We're on NPM so you can install using your favorite package manager:
yarn install bioblocks-viz
import * as React from 'react';import { fetchMatrixData, UMAPTranscriptionalContainer,} from 'bioblocks-viz'; const data = await fetchMatrixData('somewhere-over-the-rainbow-is-this-matrix.csv'); // Returns number[][] <UMAPTranscriptionalContainer dataMatrix={data} numIterationsBeforeReRender={1} numSamplesToShow={5000}/>
- Install dependencies with yarn:
cd bioblocks-vizyarn
- Start a local server to see the components in action!
yarn start
Examples
Getting Started (For Development Use)
Please see the Getting Started page for an introduction to the bioblocks-viz development environment!