# @webileapps/react-native-piechart

> React Native Interactive Pie Chart.

Latest version **0.4.0** (published 2018-12-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install @webileapps/react-native-piechart
pnpm add @webileapps/react-native-piechart
yarn add @webileapps/react-native-piechart
bun add @webileapps/react-native-piechart
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.0 |
| Published | 2018-12-17 |
| First published | 2018-12-05 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 19.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | rajivnarayana@gmail.com |
| Maintainers | rajivnarayana, rajivsingaseni |

## Links

- npm: https://www.npmjs.com/package/@webileapps/react-native-piechart
- npm.io page: https://npm.io/package/@webileapps/react-native-piechart

## Recent versions

- 0.4.0 (latest) — 2018-12-17
- 0.2.0 — 2018-12-16
- 0.0.2 — 2018-12-05
- 0.0.1 — 2018-12-05

## README

## React Native Interactive Pie Chart.

### Installation
`npm install @webileapps/react-native-piechart`

### Usage

```jsx
const COLORS = ["#acb5e8", "#c3c5c0", "#afe5d2", "#f9e3b4", "#a3dbec", "#ff8c8b"];
export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <HomeLogo colors={COLORS}>
          <View style={{width : 50, height: 50, backgroundColor: "red"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "green"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "cyan"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "pink"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "yellow"}}></View>
          <View style={{width : 50, height: 50, backgroundColor: "blue"}}></View>
        </HomeLogo>
      </View>
    );
  }
}
```

### Run Demo
There is a example project that is build to showcase how the plugin works.

```
cd src
npm run plugin.prepare
npm run expo
```

### Screenshot

---
_Source: https://npm.io/package/@webileapps/react-native-piechart · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._