Ready-made composed Victory components
JavaScript Objective-C HTML Python Java
Latest commit e702d62 Dec 21, 2016 @kenwheeler kenwheeler 0.0.7
Permalink
Failed to load latest commit information.
config standalone and documentation Nov 4, 2016
demo-native Document React Native usage Oct 14, 2016
demo Name changeroo Oct 28, 2016
docs standalone link Nov 4, 2016
src Updating victory dep Dec 21, 2016
test fixing ci for real this time, for reals Oct 28, 2016
.babelrc intiail Oct 4, 2016
.builderrc intiail Oct 4, 2016
.editorconfig intiail Oct 4, 2016
.eslintignore intiail Oct 4, 2016
.eslintrc intiail Oct 4, 2016
.gitignore gitignore Nov 4, 2016
.npmignore.publishr unignoring docs Nov 10, 2016
.travis.yml intiail Oct 4, 2016
LICENSE.txt intiail Oct 4, 2016
README.md standalone and documentation Nov 4, 2016
package.json 0.0.7 Dec 21, 2016

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!