packages/showcase/showcase-sections/parallel-coordinates-showcase.js

import React from 'react';

import {mapSection} from '../showcase-components/showcase-utils';
import {showCase} from '../index';
import {REACTVIS_BASE_URL} from '../showcase-links';
const {
  AnimatedParallelCoordinates,
  BasicParallelCoordinates,
  BrushedParallelCoordinates
} = showCase;

/* eslint-disable max-len */
const PARALLEL_COORDINATES = [
  {
    name: 'Basic Parallel Coordinates',
    component: BasicParallelCoordinates,
    componentName: 'BasicParallelCoordinates',
    sourceLink: `${REACTVIS_BASE_URL}/radar-chart/index.js`,
    docsLink:
      'http://uber.github.io/react-vis/documentation/other-charts/radar-chart'
  },
  {
    name: 'Animated Parallel Coordinates',
    component: AnimatedParallelCoordinates,
    componentName: 'AnimatedParallelCoordinates'
  },
  {
    name: 'Brushed Parallel Coordinates',
    component: BrushedParallelCoordinates,
    componentName: 'BrushedParallelCoordinates'
  }
];

function ParallelCoordinatesShowcase() {
  return (
    <article id="parallel-coordinates">
      <h1>Parallel Coordinates</h1>
      {PARALLEL_COORDINATES.map(mapSection)}
    </article>
  );
}

export default ParallelCoordinatesShowcase;