JSPM

morph-chart

0.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q19073F
  • License MIT

React chart module with morph transitions

Package Exports

  • morph-chart
  • morph-chart/dist/index.js
  • morph-chart/dist/index.modern.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (morph-chart) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

morph-chart

Mouse Cursor Morph Transitions

A react chart component with morph transitions.
Inspired by RobinHood's 'Spark' and Rainbow Charts.

NPM JavaScript Style Guide

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