Skip to content

cBioCenter/bioblocks-viz

This branch is 1 commit ahead of master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

f432dbb · Dec 8, 2022
Sep 6, 2019
Oct 16, 2019
Jan 10, 2020
Oct 24, 2019
Mar 26, 2019
Feb 4, 2020
Feb 13, 2020
Mar 19, 2020
Feb 4, 2020
Mar 19, 2020
Feb 4, 2020
Jan 15, 2020
Dec 17, 2018
Mar 2, 2018
Dec 17, 2018
Dec 17, 2018
Aug 2, 2018
Mar 2, 2018
Oct 10, 2019
Mar 11, 2019
Mar 2, 2018
Mar 19, 2020
Feb 4, 2020
Feb 22, 2019
Oct 10, 2018
Feb 4, 2020
Dec 8, 2022

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!