d2recharts

Data Driven echarts wrapped as react components.

what?

Why?

To make the path from data to chart shorter.

Install

npm i d2recharts --save

Usage

A typical use case is like:

<D2Pie
    data={[
       {value:335, name:''},
       {value:310, name:''},
       {value:234, name:''},
       {value:135, name:''},
       {value:1548, name:''}
    ]}
/>

Simplest use case:

const data = [
    // data goes here
];
<D2RechartsSmart data={data} />

If you want fully functionality of echarts:

const option = {
    // echarts option goes here
};
<D2Recharts option={option} />

Demo

API

Roadmap

Contributing

Thanks to

• echarts: one of the greatest open source project for graphing.
• echarts-for-react: where the core react wrapping is stolen from.