victory-core

What is victory-core?

The victory-core npm package is a part of the Victory library, which is a collection of composable React components for building interactive data visualizations. The core package provides essential utilities and components that are used across the Victory ecosystem.

What are victory-core's main functionalities?

Data Utilities

Victory-core provides utilities for formatting and manipulating data, which can be used to prepare data for visualization.

const { Data } = require('victory-core');
const data = [
  { x: 1, y: 2 },
  { x: 2, y: 3 },
  { x: 3, y: 5 }
];
const formattedData = Data.formatData(data);
console.log(formattedData);

Animation

Victory-core includes components for animating data changes, which can be used to create dynamic and interactive visualizations.

const { VictoryAnimation } = require('victory-core');
const React = require('react');
const { render } = require('react-dom');

const AnimatedComponent = () => (
  <VictoryAnimation duration={1000} data={{ x: 10 }}>
    {(newProps) => {
      return <div>{newProps.x}</div>;
    }}
  </VictoryAnimation>
);

render(<AnimatedComponent />, document.getElementById('root'));

Themes

Victory-core provides theming capabilities, allowing users to apply consistent styles across their visualizations.

const { VictoryTheme } = require('victory-core');
const theme = VictoryTheme.grayscale;
console.log(theme);

Other packages similar to victory-core

recharts

Recharts is a composable charting library built on React components. It provides a wide range of chart types and is known for its simplicity and ease of use. Compared to victory-core, Recharts offers a more extensive set of pre-built chart components but may not be as flexible in terms of customization.

nivo

Nivo provides a rich set of data visualization components built on top of D3 and React. It offers a variety of chart types and is highly customizable. Nivo is similar to victory-core in terms of flexibility and customization but leverages D3 for more complex visualizations.

react-vis

React-vis is a library for data visualization developed by Uber. It provides a set of React components for creating common charts and graphs. React-vis is known for its simplicity and ease of integration with React applications. Compared to victory-core, react-vis may have fewer customization options but is easier to get started with.

README

VictoryCore

This package contains shared libraries and components for Victory.

• VictoryAnimation: Animation component
• VictoryLabel: Label component
• VictoryUtil: Supporting math and logic helper functions

Development

# Run the demo app server
$ npm start

# Open the demo app
$ open http://localhost:3000

# Run tests
$ npm test

For more on the development environment, see DEVELOPMENT in the project builder archetype.

Contributing

Please see CONTRIBUTING in the project builder archetype.

Caveats

Victory requires npm v3 and Node > 0.10 for development and git installs

IMPORTANT

This project is in a pre-release state. We're hard at work fixing bugs and improving the API. Be prepared for breaking changes!