text: 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;
  