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

Lean Graph