Skip to content

Venn chart

D3 chart

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

Chart.Venn

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

VennChartProps

BaseChartProps<> & {...}
NameTypeDescription
groupKeynever
xScaleScaleLinear<any, any>
yScaleScaleLinear<any, any>

Venn

It have children components Circle, Intersection.

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

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

VennProps

& & {...}
NameTypeDescription
orientationnumber 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
minRadiusnumber Fallback for minimum value radius

Last updated:

Released under the MIT License.

Released under the MIT License.