packages/showcase/showcase-sections/sankeys-showcase.js

import React from 'react';

import {mapSection} from '../showcase-components/showcase-utils';
import {REACTVIS_BASE_URL} from '../showcase-links';
import {showCase} from '../index';
const {
  BasicSankeyExample,
  VoronoiSankeyExample,
  EnergySankeyExample,
  LinkEventSankeyExample,
  LinkHintSankeyExample
} = showCase;

const SANKEYS = [
  {
    name: 'Basic',
    component: BasicSankeyExample,
    componentName: 'BasicSankeyExample',
    docsLink:
      'http://uber.github.io/react-vis/documentation/other-charts/sankey-diagram',
    sourceLink: `${REACTVIS_BASE_URL}/sankey/index.js`
  },
  {
    name: 'With Voronoi Selection',
    component: VoronoiSankeyExample,
    componentName: 'VoronoiSankeyExample'
  },
  {
    name: 'With link selection',
    component: LinkEventSankeyExample,
    componentName: 'LinkEventSankeyExample'
  },
  {
    name: 'With hint (for links)',
    component: LinkHintSankeyExample,
    componentName: 'LinkHintSankeyExample'
  },
  {
    name: 'Energy Example',
    component: EnergySankeyExample,
    componentName: 'EnergySankeyExample'
  }
];

function SankeysSection() {
  return (
    <article id="sankeys">
      <h1>Sankeys</h1>
      {SANKEYS.map(mapSection)}
    </article>
  );
}

export default SankeysSection;