We like your style. Join us.
We’re hiring!

Victory

containing

An ecosystem of modular data visualization components

for

React.js developers

npm install victory

Why Victory?

Friendly

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.

<VictoryChart>
  <VictoryLine
    y={(data) => Math.sin(1.5 * Math.PI * data.x)} />
  <VictoryLine
    style={{data: {stroke: "#c33b33"}}}
    y={(data) => Math.cos(2 * Math.PI * data.x)} />
</VictoryChart>

Flexible

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+-105051015010203040502000051015

View the source.

Composable

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

<VictoryGroup
  height={500}
  offset={20}
  >
  <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}
    ]}
  />
</VictoryGroup>

Native

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

Learn more

Source Code

View the source at GitHub:FormidableLabs/victory. 

Support

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

Upcoming Releases

We have a lot planned! Want to make a request for a new feature? See our Roadmap. 

  • Five Thirty Eight
  • Ookla
  • Viacom
  • Postmark