Member Junction
    Preparing search index...

    Interactive D3-based Venn diagram component for visualizing list overlaps.

    Features:

    • Proportional circle sizing based on list size
    • Animated transitions
    • Hover highlighting
    • Click to select regions
    • Responsive sizing

    Implements

    • AfterViewInit
    • OnChanges
    • OnDestroy
    Index

    Constructors

    Properties

    ContainerRef: ElementRef<HTMLDivElement>
    Data: VennData | null = null
    regionClick: EventEmitter<VennRegionClickEvent> = ...

    Use RegionClick.

    The same emitter under the old binding name, so a template still binding (regionClick) keeps working. Must stay AFTER RegionClick: class fields initialise in order, and the other way round this captures undefined.

    RegionClick: EventEmitter<VennRegionClickEvent> = ...
    regionHover: EventEmitter<VennIntersection | null> = ...

    Use RegionHover.

    The same emitter under the old binding name, so a template still binding (regionHover) keeps working. Must stay AFTER RegionHover: class fields initialise in order, and the other way round this captures undefined.

    RegionHover: EventEmitter<VennIntersection | null> = ...
    SelectedRegion: VennIntersection | null = null
    SvgRef: ElementRef<SVGSVGElement>
    TooltipCount: number = 0
    TooltipTitle: string = ''
    TooltipVisible: boolean = false
    TooltipX: number = 0
    TooltipY: number = 0

    Accessors

    Methods

    • A callback method that is invoked immediately after the default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

      Parameters

      • changes: { [propName: string]: SimpleChange<any> }

        The changed properties.

      Returns void