Victory React.js components for modular charting and data visualization

$ npm install victory

Getting started

  1. Add Victory to your project:
$ npm install victory --save

Add your first Victory component:

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"));
  1. VictoryPie component will be rendered, and you should see:


Projects using Victory should also depend on React. Victory works with React version 15 and above.

Official documentation

Victory | Getting Started
Victory Documentation
Victory | 100% Column Chart
Victory Documentation
Victory | Animating Circular Progress Bar
Victory Documentation
Victory | Alternative Events
Victory Documentation

I hope this tutorial helps you build great apps!