TIP

For core principles, concept description, API and changelog, refer to the D3 chart.

Basic usage

import { Chart } from '@semcore/ui/d3-chart';
import React from 'react';

import HistogramMockData from './mock';

const Demo = () => {
  return (
    <Chart.Histogram
      groupKey='category'
      data={data}
      plotWidth={500}
      plotHeight={300}
      aria-label='Histogram chart'
    />
  );
};

const data = HistogramMockData.Default;

export default Demo;