Skip to content

cBioCenter/bioblocks-viz

Repository files navigation

npm version Storybook CircleCI GitHub license code style: prettier Coverage Status

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

Getting Started (For Development Use)

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

About

Contact Map Visualization for chell portal

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages