Skip to content
Ready-made composed Victory components
JavaScript Objective-C Python Java HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
config
demo-native
demo
docs
src
test
.babelrc
.builderrc
.editorconfig
.eslintignore
.eslintrc
.gitignore
.npmignore.publishr
.travis.yml
LICENSE.txt
README.md
package.json

README.md

formidable-charts

Ready-made composed Victory Components!


demo

Getting Started

formidable-charts is a set of composed, pre-styled Victory components that can be used to display rich, interactive charts. Our theming system not only supports style based theming, but behavioral/compositional theming as well.

  1. Add formidable-charts to your project

    npm install formidable-charts --save

For React Native, you'll need -native and react-native-svg:

npm install -native formidable-charts react-native-svg --save
react-native link react-native-svg
  1. Add your first formidable-charts component:

    import React, { Component } from 'react';
    import { render } from 'react-dom';
    import { LineChart } from 'formidable-charts';
    
    class MyLineChart extends Component {
     render() {
       return (
         <LineChart />
       );
     }
    }
    
    render(<MyLineChart />, document.getElementById('app'));
  2. Explore the API and try out the various possible components and configurations and their themes!

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 review our Code of Conduct before contributing.

For a detailed contribution guide, please see CONTRIBUTING in the project builder archetype.

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!

You can’t perform that action at this time.