# react-mutation-mapper

> Generic Mutation Mapper

Latest version **0.9.12** (published 2026-08-19) · AGPL-3.0-or-later license · 0 weekly downloads

## Install

```sh
npm install react-mutation-mapper
pnpm add react-mutation-mapper
yarn add react-mutation-mapper
bun add react-mutation-mapper
```

## Health

**Score 75/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; high quality score.

Warnings: low downloads; pre 1.0.

## Facts

| | |
|---|---|
| Version | 0.9.12 |
| Published | 2026-08-19 |
| First published | 2019-04-02 |
| Weekly downloads | 0 |
| License | AGPL-3.0-or-later |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | 22.18.0 |
| Dependencies | 20 |
| Unpacked size | 3.8 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 149 |
| Author | cBioPortal |
| Maintainers | zhx, onursumer, cbioportal, xiangli5699 |

## Links

- npm: https://www.npmjs.com/package/react-mutation-mapper
- Repository: https://github.com/cBioPortal/cbioportal-frontend
- Homepage: https://github.com/cBioPortal/cbioportal-frontend#readme
- Issues: https://github.com/cBioPortal/cbioportal-frontend/issues
- npm.io page: https://npm.io/package/react-mutation-mapper

## Dependencies (20)

- [jquery](https://npm.io/package/jquery.md) ^3.2.1
- [lodash](https://npm.io/package/lodash.md) ^4.17.21
- [react-if](https://npm.io/package/react-if.md) ^2.1.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [superagent](https://npm.io/package/superagent.md) ^3.8.3
- [typescript](https://npm.io/package/typescript.md) 4.0.3
- [react-table](https://npm.io/package/react-table.md) ^6.10.0
- [react-motion](https://npm.io/package/react-motion.md) ^0.5.2
- [react-select](https://npm.io/package/react-select.md) ^3.0.4
- [oncokb-styles](https://npm.io/package/oncokb-styles.md) ~1.4.2
- [react-collapse](https://npm.io/package/react-collapse.md) ^4.0.3
- [cbioportal-utils](https://npm.io/package/cbioportal-utils.md) 0.4.8
- [react-rangeslider](https://npm.io/package/react-rangeslider.md) ^2.2.0
- [autobind-decorator](https://npm.io/package/autobind-decorator.md) ^2.1.0
- [seamless-immutable](https://npm.io/package/seamless-immutable.md) ^7.1.4
- [oncokb-ts-api-client](https://npm.io/package/oncokb-ts-api-client.md) 1.3.13
- [memoize-weak-decorator](https://npm.io/package/memoize-weak-decorator.md) ^1.0.3
- [oncokb-frontend-commons](https://npm.io/package/oncokb-frontend-commons.md) 0.1.10
- [genome-nexus-ts-api-client](https://npm.io/package/genome-nexus-ts-api-client.md) 1.1.40
- [cbioportal-frontend-commons](https://npm.io/package/cbioportal-frontend-commons.md) 0.6.9

## Recent versions

- 0.9.12 (latest) — 2026-08-19
- 0.8.7-beta.0 (next) — 2021-08-24
- 0.9.11 — 2026-08-11
- 0.9.9 — 2026-07-23
- 0.9.8 — 2026-07-23
- 0.9.7 — 2026-07-16
- 0.9.6 — 2026-06-12
- 0.9.5 — 2026-05-15
- 0.9.4 — 2026-04-21
- 0.9.3 — 2026-04-15
- 0.9.2 — 2026-04-13
- 0.8.121 — 2025-08-25
- 0.8.120 — 2025-06-09
- 0.8.119 — 2025-05-30
- 0.8.118 — 2025-05-02
- … 264 more at https://npm.io/package/react-mutation-mapper/versions

## README

# react-mutation-mapper

> 

[![NPM](https://img.shields.io/npm/v/react-mutation-mapper.svg)](https://www.npmjs.com/package/react-mutation-mapper) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save react-mutation-mapper
```

## Usage

### LollipopPlot

```tsx
import * as React from 'react'

import {LollipopPlot} from 'react-mutation-mapper'

class Example extends React.Component {
  render () {
    return (
      <LollipopPlot
        lollipops={[
          {codon: 36, count: 6, color: "#6600AA"},
          {codon: 366, count: 4, color: "#00AAFF"},
          {codon: 606, count: 8, color: "#AA0066"}
        ]}
        domains={[
          {startCodon: 6, endCodon: 66, color: "#FF9900", label: "D1"},
          {startCodon: 566, endCodon: 616, color: "#0044CC", label: "D2"}
        ]}
        vizWidth={640}
        vizHeight={200}
        xMax={666}
        yMax={10}
      />
    )
  }
}
```

### LollipopMutationPlot

```tsx
import * as React from 'react'

import {
  DefaultMutationMapperStore, LollipopMutationPlot
} from 'react-mutation-mapper'

class Example extends React.Component {
  render () {
    return (
      <LollipopMutationPlot
        store={
          new DefaultMutationMapperStore(
            {hugoGeneSymbol: "TP53", entrezGeneId: 7157},
            {isoformOverrideSource: "mskcc", filterMutationsBySelectedTranscript: true},
            () => [{
              chromosome: "17",
              startPosition: 41246256,
              endPosition: 41246256,
              proteinChange: "V6E",
              proteinPosEnd: 6,
              proteinPosStart: 6,
              referenceAllele: "G",
              variantAllele: "T",
              mutationType: "missense"
            }, {
              chromosome: "17",
              startPosition: 41246666,
              endPosition: 41246666,
              proteinChange: "V66E",
              proteinPosEnd: 66,
              proteinPosStart: 66,
              referenceAllele: "A",
              variantAllele: "C",
              mutationType: "inframe_del"
            }])
          }
        geneWidth={666}
      />
    )
  }
}
```

## License

 © [cBioPortal](https://github.com/cBioPortal)

---
_Source: https://npm.io/package/react-mutation-mapper · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._