An ecosystem of modular data visualization components
for React.js developers

Victory Chart1.02.03.04.05.0 0.51.01.52.0
Victory Chart1.02.03.04.05.0 0.51.01.52.0
npm install victory

Why Victory?

Robust and Flexible Charting

The use of sensible default props makes getting started very easy, without sacrificing flexibility. Victory also leverages React lifecycle methods and DOM diffing to create a lightweight animation wrapper.

1An outlookEconomy % change on a year earlierDinosaur exports $bn+-105051015 01020304050 2000 05 10 15

View source 

Jan 2010Apr 2010Jul 2010Oct 2010Jan 2011Apr 2011Jul 2011Oct 2011Jan 2012Apr 2012Jul 2012Oct 2012Jan 2013Apr 2013Jul 2013Oct 2013Jan 2014Apr 2014Jul 2014Oct 2014201020112012201320142015Year

View source 

Victory Chart22:27:4322:27:44 54.654.85555.2Price

View source 

Sensible Defaults

The modular, componentized nature of React has allowed us to write fully-contained, reusable data visualization elements that are responsible for their own styles and behaviors. Sensible default props make getting started easy!

<VictoryPie
  // Try changing the data
  data={[
    {x: "Cat", y: 62},
    {x: "Dog", y: 91},
    {x: "Fish", y: 55},
    {x: "Bird", y: 55},
  ]}
/>

Composable

When combined, these features result in a set of components that are easy to use, and compose into more complicated visualizations.

<VictoryChart
  domain={{x: [0.5, 3.5]}}
  // Uncomment the theme!
  // theme={VictoryTheme.material}
>
  <VictoryAxis
    tickValues={[1, 2, 3]}
    tickFormat={["first", "second", "third"]}
  />
  <VictoryStack>
    <VictoryBar
      data={[
        {x: 1, y: 1},
        {x: 2, y: 2},
        {x: 3, y: 3}
      ]}
    />
    <VictoryBar
      data={[
        {x: 1, y: 2},
        {x: 2, y: 1},
        {x: 3, y: 1}
      ]}
    />
    <VictoryBar
      data={[
        {x: 1, y: 3},
        {x: 2, y: 4},
        {x: 3, y: 2}
      ]}
    />
  </VictoryStack>
</VictoryChart>

Native Support

Extend the Victory experience on Android and iOS platforms with an identical API.

Victory Chart1.02.03.04.05.0 Victory Chart1.02.03.04.05.0 0.51.01.52.02.53.0
Get Started

Source Code

View the source at GitHub:FormidableLabs/victory .

Support

Questions? Let’s chat at Gitter:FormidableLabs/victory .

A few of our fans

  • Five Thirty Eight
  • Ookla
  • Viacom
  • Postmark
Victory is a trademark of Formidable Labs, Inc.