https://github.com/developit/precharts

Just Recharts pre-aliased for Preact.
https://github.com/developit/precharts

preact recharts

Last synced: 4 months ago
JSON representation

Just Recharts pre-aliased for Preact.

• Host: GitHub
• URL: https://github.com/developit/precharts
• Owner: developit
• License: mit
• Created: 2016-09-22T04:35:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-01-06T07:06:13.000Z (about 7 years ago)
• Last Synced: 2024-10-05T04:08:12.240Z (4 months ago)
• Topics: preact, recharts
• Language: JavaScript
• Homepage: https://npm.im/precharts
• Size: 36.1 KB
• Stars: 29
• Watchers: 6
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Precharts

[![NPM](http://img.shields.io/npm/v/precharts.svg)](https://www.npmjs.com/package/precharts)

[![travis-ci](https://travis-ci.org/developit/precharts.svg)](https://travis-ci.org/developit/precharts)

Wraps [Recharts] up for [Preact], without using [preact-compat](https://github.com/developit/preact-compat).

> Think of this as a version of `Precharts` that is pre-aliased to use preact in place of React.

**See [Webpackbin Example](https://www.webpackbin.com/bins/-L29GdZCQlStSHEgya-c):**

[![demo](https://i.gyazo.com/9760d4a6d122902dcbd4a5252e745b47.gif)](https://www.webpackbin.com/bins/-L29GdZCQlStSHEgya-c)

---

### Usage Example

```js

import { h, render } from 'preact';

import { ComposedChart, Area, Line, XAxis, CartesianGrid, Tooltip } from 'precharts';

const DATA = [

	{ name: 'A', a: 4000, b: 2400 },

	{ name: 'B', a: 3000, b: 1398 },

	{ name: 'C', a: 2000, b: 9800 },

	{ name: 'D', a: 2780, b: 3908 },

	{ name: 'E', a: 1890, b: 4800 },

	{ name: 'F', a: 2390, b: 3800 },

	{ name: 'G', a: 3490, b: 4300 }

];

render((

	

		

		

		

		

		

	

), document.body);

```

---

### License

[MIT]

[recharts]: https://github.com/recharts/recharts

[Preact]: https://github.com/developit/preact

[MIT]: http://choosealicense.com/licenses/mit/