Eazychart-react NPM

EazyChart

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 },
  ]}
/>