D3 chart

For all common D3 chart properties, refer to D3 chart API.

Chart.Venn

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

VennChartProps

BaseChartProps<> & {...}

Name	Type	Description
xScale	ScaleLinear<any, any>	Custom x-axis scale
yScale	ScaleLinear<any, any>	Custom y-axis scale
onClickVennItem	(key: , e: React.SyntheticEvent) => void	Callback triggered when a user clicks on a circle

Venn

It have children components Circle, Intersection.

import { Venn } from '@semcore/ui/d3-chart';

<Venn>
  <Venn.Circle />
  <Venn.Intersection />
</Venn>;

VennProps

& & {...}

Name	Type	Description
orientation	number	Rotate sets in the chart
orientationOrder	(c1: number, c2: number) => number	The function for sorting sets inside the chart
patterns		Enables charts patterns that enhances charts accessibility
minRadius	number	Fallback for minimum value radius