Skip to content

Venn chart

D3 chart

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

Chart.Venn

js
import { Chart } from 'intergalactic/d3-chart';
import { Chart } from 'intergalactic/d3-chart';

VennChartProps

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

Venn

It have children components Circle, Intersection.

js
import { Venn } from 'intergalactic/d3-chart';

<Venn>
  <Venn.Circle />
  <Venn.Intersection />
</Venn>;
import { Venn } from 'intergalactic/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
patternsEnables charts patterns that enhances charts accessibility

Released under the MIT License.

Released under the MIT License.