morph-chart
Mouse Cursor | Morph Transitions |
---|---|
A react chart component with morph transitions.
Inspired by RobinHood's 'Spark' and Rainbow Charts.
Install
npm install --save morph-chart
Usage
import React from "react";
import Chart from "morph-chart";
import "morph-chart/dist/index.css";
import { data } from "./graphData";
const App = () => {
return <Chart width={700} height={200} data={data} />;
};
export default App;
Use a custom header
const App = () => {
return (
<Chart width={700} height={200} data={data}>
{(headerData) => (
<div>
{headerData.title} - {headerData.dataPointValue}
</div>
)}
</Chart>
);
};
export default App;
License
MIT © itsPauV