packages/showcase/showcase-sections/sunburst-showcase.js

import React from 'react';

import {showCase} from '../index';
import {REACTVIS_BASE_URL} from '../showcase-links';
import {mapSection} from '../showcase-components/showcase-utils';
const {
  AnimatedSunburst,
  ArcSeriesExample,
  BasicSunburst,
  ClockExample,
  SunburstWithTooltips
} = showCase;

const SUNBURSTS = [
  {
    name: 'Arc Series Example',
    component: ArcSeriesExample,
    componentName: 'ArcSeriesExample',
    docsLink:
      'http://uber.github.io/react-vis/documentation/series-reference/arc-series',
    sourceLink: `${REACTVIS_BASE_URL}/plot/series/arc-series.js`
  },
  {
    name: 'Basic Sunburst',
    component: BasicSunburst,
    componentName: 'BasicSunburst',
    docsLink:
      'http://uber.github.io/react-vis/documentation/other-charts/sunburst-diagram',
    sourceLink: `${REACTVIS_BASE_URL}/sunburst/index.js`
  },
  {
    name: 'Clock',
    component: ClockExample,
    componentName: 'ClockExample'
  },
  {
    name: 'Animated Sunburst',
    component: AnimatedSunburst,
    componentName: 'AnimatedSunburst'
  },
  {
    name: 'Sunburst with tooltips',
    component: SunburstWithTooltips,
    componentName: 'SunburstWithTooltips'
  }
];

function SunburstSection() {
  return (
    <article id="sunbursts">
      <h1>Sunbursts</h1>
      {SUNBURSTS.map(mapSection)}
    </article>
  );
}

export default SunburstSection;