# victory

> Data viz for React

Latest version **37.3.6** (published 2025-01-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install victory
pnpm add victory
yarn add victory
bun add victory
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; has provenance; popular repo.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 37.3.6 |
| Published | 2025-01-14 |
| First published | 2015-07-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=18.0.0 |
| Dependencies | 27 |
| Unpacked size | 2.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 11240 |
| Author | Formidable |
| Maintainers | michaelmerrill, sarmeyer, mariano-formidable, ryan.roemer, formidable-owner, formidablelabs, carbonrobot, masiddee, scott-rippey, sarahformidable, robwalkerco, ceceppa, keithluchtel, scottianstewart, victory-ci, bmathews, coopy, boygirl, chrisbolin, david-davidson |
| Keywords | data visualization, React, d3, charting |

## Links

- npm: https://www.npmjs.com/package/victory
- Repository: https://github.com/FormidableLabs/victory
- Homepage: https://commerce.nearform.com/open-source/victory
- Issues: https://github.com/FormidableLabs/victory/issues
- npm.io page: https://npm.io/package/victory

## Dependencies (27)

- [victory-bar](https://npm.io/package/victory-bar.md) 37.3.6
- [victory-pie](https://npm.io/package/victory-pie.md) 37.3.6
- [victory-area](https://npm.io/package/victory-area.md) 37.3.6
- [victory-axis](https://npm.io/package/victory-axis.md) 37.3.6
- [victory-core](https://npm.io/package/victory-core.md) 37.3.6
- [victory-line](https://npm.io/package/victory-line.md) 37.3.6
- [victory-chart](https://npm.io/package/victory-chart.md) 37.3.6
- [victory-group](https://npm.io/package/victory-group.md) 37.3.6
- [victory-stack](https://npm.io/package/victory-stack.md) 37.3.6
- [victory-canvas](https://npm.io/package/victory-canvas.md) 37.3.6
- [victory-legend](https://npm.io/package/victory-legend.md) 37.3.6
- [victory-scatter](https://npm.io/package/victory-scatter.md) 37.3.6
- [victory-tooltip](https://npm.io/package/victory-tooltip.md) 37.3.6
- [victory-voronoi](https://npm.io/package/victory-voronoi.md) 37.3.6
- [victory-box-plot](https://npm.io/package/victory-box-plot.md) 37.3.6
- [victory-errorbar](https://npm.io/package/victory-errorbar.md) 37.3.6
- [victory-histogram](https://npm.io/package/victory-histogram.md) 37.3.6
- [victory-brush-line](https://npm.io/package/victory-brush-line.md) 37.3.6
- [victory-polar-axis](https://npm.io/package/victory-polar-axis.md) 37.3.6
- [victory-candlestick](https://npm.io/package/victory-candlestick.md) 37.3.6
- [victory-shared-events](https://npm.io/package/victory-shared-events.md) 37.3.6
- [victory-zoom-container](https://npm.io/package/victory-zoom-container.md) 37.3.6
- [victory-brush-container](https://npm.io/package/victory-brush-container.md) 37.3.6
- [victory-create-container](https://npm.io/package/victory-create-container.md) 37.3.6
- [victory-cursor-container](https://npm.io/package/victory-cursor-container.md) 37.3.6
- [victory-voronoi-container](https://npm.io/package/victory-voronoi-container.md) 37.3.6
- [victory-selection-container](https://npm.io/package/victory-selection-container.md) 37.3.6

## Alternatives

- [d3-force-3d](https://npm.io/package/d3-force-3d.md) — 1.0M weekly downloads
- [ng2-charts](https://npm.io/package/ng2-charts.md) — 486.8K weekly downloads
- [@arcgis/core](https://npm.io/package/@arcgis/core.md) — 257.8K weekly downloads
- [react-sparklines](https://npm.io/package/react-sparklines.md) — 249.3K weekly downloads
- [react-native-gifted-charts](https://npm.io/package/react-native-gifted-charts.md) — 182.3K weekly downloads

## Recent versions

- 37.3.6 (latest) — 2025-01-14
- 37.0.3-next.0 (next) — 2024-05-16
- 37.3.5 — 2024-12-19
- 37.3.4 — 2024-12-09
- 37.3.3 — 2024-12-06
- 37.3.2 — 2024-11-12
- 37.3.1 — 2024-11-01
- 37.3.0 — 2024-10-24
- 37.2.0 — 2024-10-15
- 37.1.2 — 2024-10-08
- 37.1.1 — 2024-09-05
- 37.1.0 — 2024-08-29
- 37.0.2 — 2024-04-04
- 37.0.1 — 2024-03-25
- 37.0.1-next.2 — 2024-03-22
- … 255 more at https://npm.io/package/victory/versions

## README

## [Victory Documentation](https://commerce.nearform.com/open-source/victory)

## Getting started

1. Add Victory to your project:

```sh
$ npm install victory --save
```

2. Add your first Victory component:

```js
import React, { Component } from "react";
import { render } from "react-dom";
import { VictoryPie } from "victory";

class PieChart extends Component {
  render() {
    return <VictoryPie />;
  }
}

render(<PieChart />, document.getElementById("app"));
```

3. `VictoryPie` component will be rendered, and you should see:

<p align="center">
  <img align="center" width="471" alt="pie" src="https://cloud.githubusercontent.com/assets/3719995/20915779/b51e3652-bb3c-11e6-8243-6e7521a59115.png">
</p>

For detailed documentation and examples please see [Victory Documentation](https://commerce.nearform.com/open-source/victory)

## Requirements

Projects using Victory should also depend on [React][] and [prop-types][].

## Victory Native

Want to use `Victory` with React Native? Check out [victory-native-xl](https://github.com/FormidableLabs/victory-native-xl)

If you would like to use this version of `Victory` with React Native, you can install the legacy version using the `legacy` npm tag. See the [available versions in npm](https://www.npmjs.com/package/victory-native?activeTab=versions).

## [Contributing](CONTRIBUTING.md)

[react]: https://facebook.github.io/react/
[prop-types]: https://github.com/reactjs/prop-types

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