export function ColorSpecificity()

in packages/showcase/color/mini-color-examples.js [231:258]

• 27 lines of code
• 1 McCabe index (conditional complexity)

export function ColorSpecificity() {
  const accentColor = '#FF9833';
  const seventhElementColored = [...data.noColor[2].data];
  seventhElementColored[6].color = accentColor;

  return (
    <div style={{display: 'flex'}}>
      <XYPlot {...defaultXYPlotProps} color="#12939A" colorType="literal">
        <VerticalBarSeries data={seventhElementColored} />
      </XYPlot>
      <XYPlot {...defaultXYPlotProps} stroke="#e5e5e5" strokeType="literal">
        <LineSeries {...data.noColor[0]} />
        <LineSeries {...data.noColor[1]} />
        <LineSeries {...data.noColor[2]} stroke={accentColor} />
      </XYPlot>
      <XYPlot
        {...defaultXYPlotProps}
        color="#12939A"
        colorType="literal"
        stroke="white"
      >
        <MarkSeries {...data.noColor[0]} />
        <MarkSeries {...data.noColor[1]} />
        <MarkSeries data={seventhElementColored} color="#4fb79b" />
      </XYPlot>
    </div>
  );
}