Member Junction
    Preparing search index...

    Module for the Entity Relationship Diagram (ERD) visualization components.

    This module provides a complete suite of components for visualizing and exploring entity relationships:

    A generic, reusable ERD component that visualizes entity relationships using D3.js force-directed graphs. It works with any data conforming to the ERDNode interface and is completely decoupled from MemberJunction-specific types.

    A higher-level wrapper specifically for MemberJunction. It accepts EntityInfo[] directly and handles all the transformation to ERD format automatically.

    A detail panel that shows entity information, fields, and relationships when an entity is selected. Designed to work alongside the ERD diagram.

    A filter panel for filtering entities by schema, name, status, and base table.

    A complete, ready-to-use ERD exploration interface that combines:

    • Left panel: Entity filter controls
    • Center: Interactive ERD diagram
    • Right panel: Entity details (shown when an entity is selected)
    Use Case Component
    Complete ERD exploration UI <mj-erd-composite>
    ERD diagram with MJ EntityInfo <mj-entity-erd>
    Custom data sources (non-MJ) <mj-erd-diagram>
    Entity detail panel standalone <mj-entity-details>
    Entity filter panel standalone <mj-entity-filter-panel>
    <mj-erd-composite
    (userStateChange)="saveUserPreferences($event)"
    (openRecord)="navigateToRecord($event)">
    </mj-erd-composite>
    <mj-entity-erd
    [entities]="[currentEntity]"
    [selectedEntityId]="currentEntity.ID"
    [depth]="1"
    (entitySelected)="onEntitySelected($event)"
    (openRecord)="onOpenRecord($event)">
    </mj-entity-erd>
    <mj-erd-diagram
    [nodes]="myNodes"
    [selectedNodeId]="selectedId"
    (nodeSelected)="onNodeSelected($event)">
    </mj-erd-diagram>
    Index

    Constructors

    Constructors