Get started with victory CDN

MIT licensed

VictoryJS: Flexible data visualization with scaling, animations for dynamic charts.

Tags:
  • data visualization
  • React
  • d3
  • charting

Stable version

Copied!

How to start using victory CDN


import React from 'react';
import { VictoryLine, VictoryAxis } from 'victory-native';

const data = [
  { quarter: 1, sales: 10 },
  { quarter: 2, sales: 15 },
  { quarter: 3, sales: 20 },
  { quarter: 4, sales: 25 },
];

const VictoryExample = () => {
  return (
    <VictoryChart width={400} height={400}>
      <VictoryAxis label="Sales" />
      <VictoryAxis dependentAxis label="Quarter" />
      <VictoryLine
        data={data}
        x="quarter"
        y="sales"
        label="Sales"
        style={{
          data: {
            stroke: 'blue',
            strokeWidth: 2,
          },
          parent: {
            border: '1px solid gray',
          },
        }}
      />
    </VictoryChart>
  );
};

export default VictoryExample;
Copied!
Copied!

All versions

0.0.2 0.0.3 0.0.4 0.1.0 0.1.1 0.1.2 0.1.3 0.10.0 0.10.1 0.10.2 0.10.3 0.10.4 0.11.0 0.12.0 0.12.1 0.13.0 0.13.1 0.13.2 0.13.3 0.13.4 0.13.5 0.13.6 0.13.7 0.14.0 0.14.1 0.14.2 0.15.0 0.16.0 0.16.1 0.17.0 0.18.0 0.18.1 0.18.2 0.18.3 0.18.4 0.19.0 0.19.1 0.2.0 0.20.0 0.21.0 0.21.1 0.21.2 0.21.3 0.21.4 0.21.5 0.22.0 0.22.1 0.22.2 0.23.0 0.23.1 0.24.0 0.24.1 0.24.2 0.24.3 0.24.5 0.25.0 0.25.1 0.25.3 0.25.4 0.25.5 0.25.6 0.25.7 0.26.0 0.26.1 0.27.0 0.27.1 0.27.2 0.3.0 0.4.0 0.4.1 0.4.2 0.5.0 0.5.1 0.6.0 0.6.1 0.7.0 0.8.0 0.9.0 30.0.0 30.0.0-alpha.3 30.1.0 30.2.0 30.3.0 30.3.1 30.4.0 30.4.1 30.5.0 30.5.1 30.6.0 30.6.1 31.0.0 31.0.1 31.0.2 31.1.0 31.2.0 31.3.0 32.0.0 32.0.1 32.0.2 32.1.0 32.2.0 32.2.1 32.2.2 32.2.3 32.3.0 32.3.1 32.3.2 32.3.3 32.3.4 32.3.5 32.3.6 32.3.7 33.0.0 33.0.1 33.0.2 33.0.3 33.0.4 33.0.5 33.0.6 33.1.0 33.1.1 33.1.2 33.1.3 33.1.4 33.1.5 33.1.6 33.1.7 34.0.0 34.0.1 34.1.0 34.1.1 34.1.2 34.1.3 34.2.0 34.2.1 34.2.2 34.3.0 34.3.1 34.3.10 34.3.11 34.3.12 34.3.2 34.3.3 34.3.4 34.3.5 34.3.6 34.3.7 34.3.8 34.3.9 35.0.0 35.0.1 35.0.2 35.0.3 35.0.4 35.0.5 35.0.6 35.0.7 35.0.8 35.0.9 35.1.0 35.1.1 35.10.0 35.10.1 35.11.0 35.11.2 35.11.3 35.11.4 35.2.0 35.3.0 35.3.1 35.3.2 35.3.3 35.3.4 35.3.5 35.4.0 35.4.1 35.4.10 35.4.11 35.4.12 35.4.13 35.4.2 35.4.3 35.4.4 35.4.5 35.4.6 35.4.7 35.4.8 35.4.9 35.5.0 35.5.1 35.6.0 35.6.1 35.6.2 35.6.3 35.6.4 35.7.0 35.7.1 35.7.2 35.8.0 35.8.1 35.8.2 35.8.3 35.8.4 35.8.5 35.8.6 35.9.0 35.9.1 35.9.2 35.9.3 36.0.0 36.0.1 36.1.0 36.2.0 36.2.1 36.2.2 36.3.0 36.3.1 36.3.2 36.4.0 36.4.1 36.5.0 36.5.1 36.5.2 36.5.3 36.6.0 36.6.1 36.6.10 36.6.11 36.6.12 36.6.2 36.6.3 36.6.4 36.6.5 36.6.6 36.6.7 36.6.8 36.7.0 36.8.1 36.8.2 36.8.3 36.8.4 36.8.5 36.8.5-next.0 36.8.6 36.9.0 36.9.1 36.9.1-next.0 36.9.2 36.9.2-next.0 36.9.2-next.1 36.9.2-next.3 37.0.0 37.0.1 37.0.1-next.0 37.0.1-next.1 37.0.1-next.2 37.0.2 37.0.3-next.0 37.1.0 *** 37.1.1