<div align="center"> <a href="https://commerce.nearform.com/open-source/" target="_blank"> <img alt="Victory — Formidable, We build the modern web" src="https://oss.nearform.com/api/banner.svg?badge=victory&bg=9c2f1e" /> </a> <strong> an ecosystem of composable React components for building interactive data visualizations. </strong> <br /> <br /> <a href="https://npmjs.com/package/victory"> <img alt="weekly downloads" src="https://img.shields.io/npm/dw/victory.svg"> </a> <a href="https://npmjs.com/package/victory"> <img alt="current version" src="https://img.shields.io/npm/v/victory.svg"> </a> <a href="https://github.com/FormidableLabs/victory/actions"> <img alt="build status" src="https://github.com/FormidableLabs/victory/actions/workflows/ci.yml/badge.svg"> </a> <a href="https://github.com/FormidableLabs/victory#maintenance-status"> <img alt="Maintenance Status" src="https://img.shields.io/badge/maintenance-active-green.svg" /> </a> <br /> <br /> </div>

Victory

Contents

• Getting Started
• Victory Native
• API Documentation
• Guides
• Contributing

• See the docs and examples on the website: https://commerce.nearform.com/open-source/victory
• Experiment with all Victory components in this code sandbox

Getting started

1. Add Victory to your project:

# npm
$ npm i --save victory
# or yarn
$ yarn add victory

2. Add your first Victory component:

import React from "react";
import { render } from "react-dom";
import { VictoryPie } from "victory";

const PieChart = () => {
  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> <br />

Requirements

Projects using Victory should also depend on React. As of victory@34.0.0 Victory requires React version 16.3.0 or above

Victory Native

Victory Native shares most of its code with Victory, and has a nearly identical API! To learn more, check out the Victory Native package README.

Contributing

Please see the Contributing guide.

Maintenance Status

Active: Formidable is actively working on this project, and we expect to continue to work for the foreseeable future. Bug reports, feature requests and pull requests are welcome.