JSPM

  • Created
  • Published
  • Downloads 1019
  • Score
    100M100P100Q124557F
  • License Apache-2.0

Britecharts-react is a React wrapper for the Britecharts charting library

Package Exports

  • britecharts-react

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (britecharts-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Britecharts React

Britecharts-react is a React wrapper for the Britecharts charting library.

Build Status npm version License PRs Welcome Twitter Follow

Stacked Area Chart Bar Chart Line Chart
Donut Chart Legend Tooltip

Usage

Britecharts-React components are used just like any other stateless React component. You will pass in some props and it would render a chart:

<StackedArea
    data={stackedAreaData.with2Sources()}
    width={600}
    height={400}
/>

API

Each component's API will be a reflect of Britecharts charts and their APIs. That way, if we need to render a bar chart, we will first check the bar chart's API in the main project API reference page. You can read more about the approach here

From there, we will proceed to pass each of the configurations through the usual props as we do in React projects:

<Bar
    data={barData.with2Entries()}
    width={400}
    isHorizontal={true}
    margin={marginObject}
>

Installation

Britecharts-React is available as an NPM module or through CDN links (in different formats or a bundle).

You can also use individual bundles in UMD format (dist/umd/), CommonJS format (lib/cjs) and tree-shaking enabling ES2015 modules (`lib/esm1) to add to your bundle. You can see more on our test project.

You would also need to load the stylesheets located in dist/britecharts-react.min.css in order to style the charts properly.

Next steps

We are accepting PRs for creating wrappers for Britecharts components. Check our contributing guide, drop by the #britecharts channel in the d3 slack or just create an issue if you want to know more.

Acknowledgments

For this project, we have followed the approach called ‘Mapping Lifecycle methods’ based on Nicholas Hery's article. We want to recognize all the contributors in the parent project Britecharts.

See Also

License

Copyright 2017 Eventbrite

Licensed under the Apache License, Version 2.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at

https://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an “AS IS” BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Read more in the license document