Skip to content

Venn chart

D3 API

Chart.Venn

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

VennChartProps

BaseChartProps<> & {...}
NameTypeDescription
groupKeynever
xScaleScaleLinear<anyany>
yScaleScaleLinear<anyany>

Venn

It have children components Circle, Intersection.

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

<Venn>
  <Venn.Circle />
  <Venn.Intersection />
</Venn>;
import { Venn } from '@semcore/ui/d3-chart';

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

VennProps

& & {...}
NameTypeDescription
orientationnumberRotate sets in the chart
orientationOrder(c1: number, c2: number) => numberThe function for sorting sets inside the chart

Released under the MIT License.

Released under the MIT License.