eazychart-react

EazyChart

EazyChart is a chart library, `eazychart-react` offers the ability to easily add charts in your React web applications. EazyChart does not depend on a JS chart library instead it depends only on some of the D3.js library's submodules.
Website   •   Get Started   •   Installation

---

Motivation

The purpose of this library is to provide :

• Highly customizable charts.
• Less library dependencies.
• Easy integration charts into React / Vue applications.
• Simple syntax.
• SVG Render with some HTML/CSS.
• Responsive and functional across all devices and modern browsers.
• Animation support.

Installation

EazyChart has not been yet released. It's still in the alpha stage as we are currently working on some details before releasing a major version. You still can install and try out the library but we don't recommend using it in a production environment.

For each framework, you will need to install the appropriate packages.

Use one of the following commands :

// Using npm
npm install --save eazychart-react eazychart-css

// Using yarn
yarn add eazychart-react eazychart-css

Basic Usage

Import the chart from the library first :

import { PieChart } from 'eazychart-react';
import 'eazychart-css'; // You just need to import this once.

Use any chart component with the JSX syntax :

<PieChart
  colors={['red', 'blue', 'green']}
  valueDomainKey={'value'}
  labelDomainKey={'label'}
  data={[
    { label: 'Alpha', value: 10 },
    { label: 'Beta', value: 20 },
    { label: 'Gamma', value: 30 },
  ]}
/>

Documentation

To learn more about EazyChart please visit our documentation website : https://docs.eazychart.com

Contributing

Please refer to the main README file to learn how you could contribute to the project.

License

EazyChart is available under the MIT license.

Copyright (c) 2022 Hexastack.