@mpalola/apex-sankey-react v1.0.2

apex-sankey-react

React component for displaying ApexSankey charts.

https://www.npmjs.com/package/@mpalola/apex-sankey-react

Installation

npm install react
npm install apexsankey@1.1.2
npm install @mpalola/apex-sankey-react

Development environment installation

Example code is on demo directory.

1. copy package.json in root and two other files to src directory.

2. Install dependencies:

npm install

3. Start development server:

npm start

Development server starts at http://localhost:3000 and opens the browser automatically.

Example

import { SankeyChart } from 'apex-sankey-react';

const Example = () => {
  const data = {
    nodes: [
      { id: "a", name: "AAA" },
      { id: "b", name: "BBB" },
      { id: "c", name: "CCC" }
    ],
    links: [
      { source: "a", target: "c", value: 1 },
      { source: "b", target: "c", value: 2 }
    ]
  };

  const options = {
    width: 800,
    height: 600,
    nodeWidth: 20,
    nodePadding: 10,
    linkOpacity: 0.5,
    colors: ['#4CAF50', '#2196F3', '#FFC107', '#F44336']
  };

  return (
    <SankeyChart
      data={data}
      {...options}
    />
  );
};

Props

License

MIT