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-viz
yarn

• Start a local server to see the components in action!

yarn start

Examples

• Storybook
• UMAP & TSNE
• Bioblocks Portal
• ContactMap.org

Getting Started (For Development Use)

Please see the Getting Started page for an introduction to the bioblocks-viz development environment!