A data visualization library


Keywords
react, d3, echarts, recharts, react-component
License
ISC
Install
npm install yoocharts@0.1.7

Documentation

yoocharts

npm version MIT License

Overview

A data visualization library.

Examples

<SimpleBarchart
  mode="Echarts" // Recharts
  options={options}
/>
  • mode: indicates what type of chart to select.
  • options: generate chart options.

Install

yarn

$ yarn add yoocharts

dev build

$ yarn install # or npm
$ yarn run build

Demo

$ yarn demo

Use storybook

$ yarn storybook

Directory structure

.
├── .storybook // storybook config
├── demo // demo
├── src
│   ├── @type
│   ├── chart // output chart
│   ├── index.tsx
│   ├── origin // chart origin
│   │   ├── d3
│   │   ├── echarts
│   │   ├── highcharts
│   │   └── recharts
│   └── util
├── stories // storybook demo
├── umd // compile file
├── .gitignore
├── LICENSE
├── README.md
├── package.json
├── tsconfig.json
├── tslint.json
├── webpack.config.js
└── yarn.lock