MAIDR JavaScript API
    Preparing search index...
    DIAGRAM_TYPES: {
        flowchart: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        swimlane: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        agentflow: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        state: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        class: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        entityRelationship: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        requirement: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        usecase: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        c4: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        block: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        architecture: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        gitGraph: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        eventModel: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        mindmap: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        kanban: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        treeView: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        ishikawa: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        timeline: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        railroad: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        cynefin: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        quadrant: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        journey: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        packet: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
        wardley: {
            typeLabel: string;
            typeGuide: { definition: string; purpose: string; appearance: string };
        };
    } = ...

    Every diagram read as a layer type it is not, by the converter that reads it. Each guide says what Mermaid draws, by shape and position rather than by colour alone.

    Type Declaration

    • flowchart: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • swimlane: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • agentflow: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • state: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • class: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • entityRelationship: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • requirement: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • usecase: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • c4: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • block: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • architecture: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • gitGraph: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • eventModel: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • mindmap: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • kanban: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • treeView: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • ishikawa: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • timeline: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • railroad: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • cynefin: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • quadrant: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • journey: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • packet: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }
    • wardley: {
          typeLabel: string;
          typeGuide: { definition: string; purpose: string; appearance: string };
      }