Module for the Entity Relationship Diagram (ERD) visualization components.
This module provides a complete suite of components for visualizing and
exploring entity relationships:
Components
1. ERDDiagramComponent (<mj-erd-diagram>)
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.
2. MJEntityERDComponent (<mj-entity-erd>)
A higher-level wrapper specifically for MemberJunction. It accepts EntityInfo[]
directly and handles all the transformation to ERD format automatically.
3. EntityDetailsComponent (<mj-entity-details>)
A detail panel that shows entity information, fields, and relationships when
an entity is selected. Designed to work alongside the ERD diagram.
Module for the Entity Relationship Diagram (ERD) visualization components.
This module provides a complete suite of components for visualizing and exploring entity relationships:
Components
1. ERDDiagramComponent (
<mj-erd-diagram>)A generic, reusable ERD component that visualizes entity relationships using D3.js force-directed graphs. It works with any data conforming to the
ERDNodeinterface and is completely decoupled from MemberJunction-specific types.2. MJEntityERDComponent (
<mj-entity-erd>)A higher-level wrapper specifically for MemberJunction. It accepts
EntityInfo[]directly and handles all the transformation to ERD format automatically.3. EntityDetailsComponent (
<mj-entity-details>)A detail panel that shows entity information, fields, and relationships when an entity is selected. Designed to work alongside the ERD diagram.
4. EntityFilterPanelComponent (
<mj-entity-filter-panel>)A filter panel for filtering entities by schema, name, status, and base table.
5. ERDCompositeComponent (
<mj-erd-composite>)A complete, ready-to-use ERD exploration interface that combines:
Choosing Which Component to Use
<mj-erd-composite><mj-entity-erd><mj-erd-diagram><mj-entity-details><mj-entity-filter-panel>Example: Using the composite (recommended for dashboards)
Example: Using the MJ wrapper
Example: Using the generic component