A React component to create interactive OncoPrint charts.
Last updated 2 years ago by jackwluo .
MIT · Original npm · Tarball · package.json
$ cnpm install react-oncoprint 
SYNC missed versions from official npm registry.

React OncoPrint

OncoPrint charts in React

A React component to create OncoPrint charts.


Getting started


For yarn users, run:

$ yarn add react-oncoprint

For npm users, run:

$ npm install react-oncoprint


import React from 'react';
import OncoPrint from 'react-oncoprint';

class App extends React.Component {
  render() {
    const data = [
        sample: 'TCGA-25-2392-01',
        gene: 'TP53',
        alteration: 'FUSION',
        type: 'FUSION',
        sample: 'TCGA-25-2393-01',
        gene: 'TP53',
        alteration: 'FUSION',
        type: 'FUSION',
      // ...

    return (
      <OncoPrint data={data}/>


Testing locally

Get the code:

$ git clone

Install the project dev dependencies:

# Install dependencies
$ yarn

# Watch source for changes and build to `src/lib/`
$ yarn start

The React app demo should be available at: http://localhost:8080/.

Run storybook

Run the development environment in a separate window (it starts Storybook with a live-reload mode):

$ yarn storybook

The Storybook should be available at: http://localhost:6006/.

Deploying the Storybook on gh-pages

:warning: You must have push access to run this command (or use it in your own fork).

We use Storybook Deployer to deploy the build version of the Storybook on GitHub (gh-pages):

$ yarn deploy-storybook

Build and releases

To build the production version of this library, run the command below, which will create a dist/ folder containing the required files:

$ yarn build

In order to release a new version, you can push a git tag and Travis-CI will automatically publish a npm release at: There is no need to run yarn build by yourself See the .travis.yml for further information.


Thanks for your interest in maintaining the library! Please see the CONTRIBUTING file.

Contributor Code of Conduct

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms. See CODE_OF_CONDUCT file.


react-oncoprint is released under the MIT License. See the bundled LICENSE file for details.

Current Tags

  • 1.2.3                                ...           latest (2 years ago)

5 Versions

  • 1.2.3                                ...           2 years ago
  • 1.2.2                                ...           2 years ago
  • 1.2.1                                ...           2 years ago
  • 1.1.0                                ...           2 years ago
  • 1.0.0                                ...           3 years ago

Copyright 2014 - 2017 © |