State transition diagram - state transition text not on any transition vector #6992

dougd919 · 2025-09-24T18:06:22Z

dougd919
Sep 24, 2025

I am creating a Mermaid JS state transition diagram. Why is there an orphaned state transition block that is not on top of a state transition vector? Zoom in to the top left (or search) to see the block with xxxx314 in the transition name.

Code below and you can see it working in HTML Playground here: https://playcode.io/2558373

I have anonymized everything in the diagram to post here.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">


<head>
</head>

<body>
	
	


	 	 	 
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
            background-color: #f5f5f5;
        }
        
        .diagram-container {
            background-color: white;
            border: 1px solid #ddd;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 30px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .diagram-title {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #333;
        }
        
        .description {
            margin-bottom: 15px;
            color: #666;
            font-size: 14px;
        }
        
        .wf-diagram-container {
            max-width: 100%; 
            overflow-x: auto;
            border: 2px solid #4CAF50;
        }
        
        
			#scaledDiagram {
				transform-origin: top left;
			}

        /* Print styles */
        @media print {
            body {
                margin: 0;
                background: white;
            }
            
            .diagram-container {
                border: none;
                box-shadow: none;
                /* page-break-inside: avoid; */
                margin-bottom: 20px;
                width: auto;
            }
            
            .wf-diagram-container {
                border: none;
                max-width: none;
					 overflow-x:visible;
                width: auto;
            }
            
            .wf-diagram-container .mermaid {
                transform: scale(1); /* Smaller for print */
            }
        }
        
        .controls {
            margin: 20px 0;
            padding: 15px;
            background-color: #e8f5e8;
            border-radius: 5px;
        }
        
        .controls label {
            margin-right: 15px;
            font-weight: bold;
        }
        
        .controls input[type="range"] {
            margin: 0 10px;
        }


    </style>

	 
    
	<form method='get' action='/lcl/ded_prod/workflow/doc'>
    <div class="controls">

		<span>

			
	 		
		</span>

        <label for="scaleRange" style='margin-left:30px'>Adjust Zoom:</label>
        <input type="range" id="scaleRange" min="100" max="500" step="5" value="100">
        <span id="scaleValue">100</span>%
    </div>
	</form>


    <div class="diagram-container">
        <div class="wf-diagram-container" id="scaledContainer">
            <pre class="mermaid" id="scaledDiagram" style='display:none'>
					
stateDiagram-v2

    xxx_x_xxxxxxx_xxx_xxxx__xxxx175 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxx xx xxxx175 (xxx_x_xxxxxxx_xxx_xxxx__xxxx175)" 
    xxxxxxx125 : "xxxxxxx xxxxx125 (xxxxxxx125)" 
    xxx_x_xxxxxxx_xxx_xxxx99 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxx xx xxxx99 (xxx_x_xxxxxxx_xxx_xxxx99)" 
    xxx_x_xxxxxxx_xxxxxxxxx100 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxx100 (xxx_x_xxxxxxx_xxxxxxxxx100)" 
    xxx_x_xxxxxxx_xxxxxxxxx__xxxx176 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxx176 (xxx_x_xxxxxxx_xxxxxxxxx__xxxx176)" 
    xxx_x_xxxxxxx_xxx101 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxxxx101 (xxx_x_xxxxxxx_xxx101)" 
    xxx_x_xxxxxxx_xxx__xxxx177 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxxxxxxxxxxx177 (xxx_x_xxxxxxx_xxx__xxxx177)" 
    xxx_x_xxxxxxx_xxxxxx__xxxx179 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx179 (xxx_x_xxxxxxx_xxxxxx__xxxx179)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx105 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105)" 
    xxx_x_xxxxxxx_xxxxxx103 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx103 (xxx_x_xxxxxxx_xxxxxx103)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx__xxxx180 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx180 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx__xxxx180)" 
    xxx_x_xxxxxxx_xx_xxxxxxx__xxxx178 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xx xxxxxxxx178 (xxx_x_xxxxxxx_xx_xxxxxxx__xxxx178)" 
    xxx_x_xxxxxxx_xxxx_xxxxxx__xxxx181 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxx xxxxxx181 (xxx_x_xxxxxxx_xxxx_xxxxxx__xxxx181)" 
    xxx_x_xxxxxxx_xxxx_xxxxxx107 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxx xxxxxx107 (xxx_x_xxxxxxx_xxxx_xxxxxx107)" 
    xxx_x_xxxxxxx_xx_xxxxxxx102 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xx xxxxxxxx102 (xxx_x_xxxxxxx_xx_xxxxxxx102)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxx349 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx xxxxxx xx xxxxxxxx349 (xxx_x_xxxxxxx_xxxxxx_xxxxxx349)" 
    xxx_x_xxxxxxx350 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx xxxxxxxx xx xxxxxx xxxxxxx350 (xxx_x_xxxxxxx350)" 
    xxx_x_xxxxxxxx108 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxxxx xxxxxxx xxxxxxx xx xxxxxxxxx xxxxxxxxxx108 (xxx_x_xxxxxxxx108)" 
    xxx_x_xxx_xxxxxxx550 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxx xxxxxx xxxxxxxx550 (xxx_x_xxx_xxxxxxx550)" 
    xxx_x_xxxxxxxx__xxxx200 : "xxxxx xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxxx200 (xxx_x_xxxxxxxx__xxxx200)" 
    xxx_x_xxxxxxx_xxx109 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxxxxxxxxxxx109 (xxx_x_xxxxxxx_xxx109)" 
    xxx_x_xxxxxxx_xxx__xxxx182 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxx182 (xxx_x_xxxxxxx_xxx__xxxx182)" 
    xxx_x_xxxxxxx_xxxxxx1110 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxx xxxxxx xxxxxx110 (xxx_x_xxxxxxx_xxxxxx1110)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1__xxxx184 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx 1184 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1__xxxx184)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx 1112 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112)" 
    xxx_x_xxxxxxx_xxxxxx1__xxxx183 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxx xxxxxx xxxxxx183 (xxx_x_xxxxxxx_xxxxxx1__xxxx183)" 
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxxxx xxxxxx113 (xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113)" 
    xxx_x_xxxxxxx_xx_xxxxxx116 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xx xxxxxx116 (xxx_x_xxxxxxx_xx_xxxxxx116)" 
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx__xxxx185 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxxxx xxxxxx185 (xxx_x_xxxxxxx_xxxxxxxx_xxxxxx__xxxx185)" 
    xxx_x_xxxxxxx_xx_xxxxxx__xxxx187 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xx xxxxxx187 (xxx_x_xxxxxxx_xx_xxxxxx__xxxx187)" 
    xxx_x_xxxxxxx_xxxxxx240 : "xxx xxxxxxxx xxxxxx xxxxxxxx240 (xxx_x_xxxxxxx_xxxxxx240)" 
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxxxx xxxxxxx241 (xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241)" 
    xxx_x_xxxxxxx_xxxxxx__xxxx242 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx242 (xxx_x_xxxxxxx_xxxxxx__xxxx242)" 
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx__xxxx243 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxxxx xxxxxxx243 (xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx__xxxx243)" 
    xxx_x_xxxxxxx_xxxxxx2115 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxxxx xx xxxxxxxx xxxxxxx115 (xxx_x_xxxxxxx_xxxxxx2115)" 
    xxx_x_xxxxxxx_xxxxxx2__xxxx186 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx 2186 (xxx_x_xxxxxxx_xxxxxx2__xxxx186)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx 2263 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263)" 
    xxx_x_xxxxxxx_xx_xxxxxx__xxxx262 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxx262 (xxx_x_xxxxxxx_xx_xxxxxx__xxxx262)" 
    xxx_x_xxxxxxx_xx_xxxxxx261 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxx261 (xxx_x_xxxxxxx_xx_xxxxxx261)" 
    xxx_x_xxxxxxx_xxx__xxxx188 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxx188 (xxx_x_xxxxxxx_xxx__xxxx188)" 
    xxx_x_xxxxxxx_xxx119 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxx119 (xxx_x_xxxxxxx_xxx119)" 
    xxx_xxx_xxxxxxx_xx_xxxxxxx330 : "xxx xxxxxxx xx xxxxxxxx xxxxxxx xxxxxxxx x xxx xxxxxxxxxxxxx330 (xxx_xxx_xxxxxxx_xx_xxxxxxx330)" 
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2__xxxx264 : "xxxxx xxx xxxxxxx xx xxxxxxxxxx xxxxxxx xxxxxx xxxxxxxxx 2264 (xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2__xxxx264)" 
    xxx_x_xxx_xxxxxxxx117 : "xxx xxxxxxx xx xxxxxxxxxx xxx xxxxxxxx117 (xxx_x_xxx_xxxxxxxx117)" 
    xxxxxxxxx309 : "xxxxxxxxx xx xxx309 (xxxxxxxxx309)" 
    xxx_x_xx_xxxxxx114 : "xxx xxxxxxx xx xxxxxxxxxx xxxxxx xxxxxx114 (xxx_x_xx_xxxxxx114)" 
    xxx_x_xxx_xxxxxx118 : "xxx xxxxxxx xx xxxxxxxxxx xxx xxxxxx118 (xxx_x_xxx_xxxxxx118)" 
    xxxxxxxxx308 : "xxxxxxxxx308 (xxxxxxxxx308)" 
    xxx_x_xxxxxx106 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxx106 (xxx_x_xxxxxx106)" 
    xxx_x_xxxxxxxxx104 : "xxx xxxxxxx xxx xxxxxxxx xxxxxxxxxxxxxx xxxxxxxxx104 (xxx_x_xxxxxxxxx104)" 


    [*] --> xxxxxxx125 : Start
    [*] --> xxx_xxx_xxxxxxx_xx_xxxxxxx330 : Start


    xxx_x_xxxxxxx_xxx_xxxx__xxxx175 --> xxx_x_xxxxxxx_xxx_xxxx99 : xxxxxx xxxx323 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxxxxxx125 --> xxx_x_xxxxxxx_xxx_xxxx99 : xxxxxxx xxxxxxxxxxxxx xx xxxx229 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx_xxxx99 --> xxx_x_xxxxxxx_xxx_xxxx__xxxx175 : xxxxx xx xxxx322 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxxx100 --> xxx_x_xxxxxxx_xxxxxxxxx__xxxx176 : xxxxx xx xxxx326 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx_xxxx99 --> xxx_x_xxxxxxx_xxxxxxxxx100 : xxxxx xxxxxxxxxxxxx xx xxxx xxxxxx xxxxxxxx xxxxxx911 [xxxxxx68]
    xxx_x_xxxxxxx_xxx_xxxx99 --> xxx_x_xxxxxxx_xxxxxxxxx100 : xxxxxxxxxxx137 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxxx__xxxx176 --> xxx_x_xxxxxxx_xxxxxxxxx100 : xxxxxx xxxx327 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx101 --> xxx_x_xxxxxxx_xxxxxxxxx100 : xxxxxxx xxxxxxxx428 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx__xxxx177 --> xxx_x_xxxxxxx_xxx101 : xxxxxx xxxx315 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx101 --> xxx_x_xxxxxxx_xxx__xxxx177 : xxxxx xx xxxx314 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx__xxxx179 --> xxx_x_xxxxxxx_xxxxxx103 : xxxxxx xxxx325 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 --> xxx_x_xxxxxxx_xxxxxx103 : xxxxxxxx145 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx103 --> xxx_x_xxxxxxx_xxxxxx__xxxx179 : xxxxx xx xxxx324 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxxx100 --> xxx_x_xxxxxxx_xxx101 : xxxxxx140 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx101 --> xxx_x_xxxxxxx_xxxxxx103 : xxxxxxxxxxx142 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx__xxxx180 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 : xxxxxx xxxx317 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxxx__xxxx178 --> xxx_x_xxxxxxx_xx_xxxxxxx102 : xxxxxx xxxx321 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxx_xxxxxx__xxxx181 --> xxx_x_xxxxxxx_xxxx_xxxxxx107 : xxxxxx xxxx319 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxx_xxxxxx107 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 : xxxxxx xx xxxxxx159 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxx_xxxxxx107 --> xxx_x_xxxxxxx_xxxx_xxxxxx__xxxx181 : xxxxx xx xxxx318 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx__xxxx180 : xxxxx xx xxxx316 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx103 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 : xxxxxx xx xxxxxx146 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx103 --> xxx_x_xxxxxxx_xx_xxxxxxx102 : xxxxxxx143 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxxx102 --> xxx_x_xxxxxxx_xx_xxxxxxx__xxxx178 : xxxxx xx xxxx320 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxxx102 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 : xxxxxx xx xxxxxx649 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxxx102 --> xxx_x_xxxxxxx_xxxxxx_xxxxxx349 : xxxxx xxxxxxxx750 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxx349 --> xxx_x_xxxxxxx350 : xxxx xxxxxxx751 [xxxxxx xxx xxxxxxxxxxxxx7]
    xxx_x_xxxxxxx350 --> xxx_x_xxx_xxxxxxx550 : xxxxxxx1032 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxxx108 --> xxx_x_xxxxxxxx__xxxx200 : xxxxx xx xxxx344 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxx_xxxxxxx550 --> xxx_x_xxxxxxxx108 : xxxxxxx1033 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxx_xxxxxx107 --> xxx_x_xxxxxxxx108 : xxxxxxx157 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxxx__xxxx200 --> xxx_x_xxxxxxxx108 : xxxxxx xxxx345 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx109 --> xxx_x_xxxxxxx_xxx__xxxx182 : xxxxx xx xxxx328 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxxx108 --> xxx_x_xxxxxxx_xxx109 : xxxxxx xxxxxxx xx xxxxxxxxx155 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx__xxxx182 --> xxx_x_xxxxxxx_xxx109 : xxxxxx xxxx329 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx109 --> xxx_x_xxxxxxx_xxxxxx1110 : xxxxxxxxxxx161 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx1110 --> xxx_x_xxxxxxx_xxxxxx1__xxxx183 : xxxxx xx xxxx338 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx1110 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 : xxxxxx xx xxxxxx163 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1__xxxx184 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 : xxxxxx xxxx333 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1__xxxx184 : xxxxx xx xxxx332 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 --> xxx_x_xxxxxxx_xxxxxx1110 : xxxxxxxx166 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx1__xxxx183 --> xxx_x_xxxxxxx_xxxxxx1110 : xxxxxx xxxx339 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx1110 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 : xxxxxxx168 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxx__xxxx185 : xxxxx xx xxxx334 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 --> xxx_x_xxxxxxx_xxxxxx240 : xxxxx xxxxxxxx xxxxxx407 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx116 --> xxx_x_xxxxxxx_xx_xxxxxx__xxxx187 : xxxxx xx xxxx336 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx__xxxx185 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 : xxxxxx xxxx335 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx__xxxx187 --> xxx_x_xxxxxxx_xx_xxxxxx116 : xxxxxx xxxx337 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx240 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 : xxxxx xxxxxxxx410 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 --> xxx_x_xxxxxxx_xx_xxxxxx116 : xxxx xx xx172 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx__xxxx242 --> xxx_x_xxxxxxx_xxxxxx240 : xxxxxx xxxx416 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx__xxxx243 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 : xxxxxx xxxx418 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx2115 --> xxx_x_xxxxxxx_xxxxxx2__xxxx186 : xxxxx xx xxxx490 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 --> xxx_x_xxxxxxx_xxxxxx2115 : xxxx xxxxxxx180 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx2__xxxx186 --> xxx_x_xxxxxxx_xxxxxx2115 : xxxxxx xxxx341 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 --> xxx_x_xxxxxxx_xx_xxxxxx261 : xxxxxxxx492 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xx_xxxxxx__xxxx262 --> xxx_x_xxxxxxx_xx_xxxxxx261 : xxxxxx xxxx489 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx261 --> xxx_x_xxxxxxx_xxx119 : xxxxxxxxx181 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx261 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 : xxxxxx xx xxxxxx491 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx261 --> xxx_x_xxxxxxx_xx_xxxxxx__xxxx262 : xxxxx xx xxxx488 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx__xxxx188 --> xxx_x_xxxxxxx_xxx119 : xxxxxx xxxx331 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx119 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 : xxxxxx xx xxxxxx607 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx119 --> xxx_x_xxxxxxx_xxx__xxxx188 : xxxxx xx xxxx330 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx2115 --> xxx_x_xxxxxxx_xx_xxxxxx261 : xxxxxx xxxxxxxx xx xxxxxxxx xxxxxx487 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2__xxxx264 : xxxxx xx xxxx493 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx116 --> xxx_x_xxxxxxx_xxx119 : xxxxxxxxx468 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_xxx_xxxxxxx_xx_xxxxxxx330 --> xxx_x_xxxxxxx_xx_xxxxxx261 : xxxxxx691 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2__xxxx264 --> xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 : xxxxxx xxxx494 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx119 --> xxx_x_xxx_xxxxxxxx117 : xxxxxx xxxxxxxx xx xxx182 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxx_xxxxxxxx117 --> xxxxxxxxx309 : xxxxxxx684 [xxxxxx xxx xxxxxxxxx109]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxx113 --> xxx_x_xx_xxxxxx114 : xxxx170 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxx116 --> xxx_x_xx_xxxxxx114 : xxxx179 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx119 --> xxx_x_xxx_xxxxxx118 : xxxx183 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx1112 --> xxxxxxxxx308 : xxxxxxxx673 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx1110 --> xxx_x_xx_xxxxxx114 : xxxx169 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxxx108 --> xxxxxxxxx308 : xxxxxxxx900 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx240 --> xxx_x_xx_xxxxxx114 : xxxx467 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx240 --> xxx_x_xxxxxxx_xxxxxx__xxxx242 : xxxxx xx xxxx415 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxxx108 --> xxx_x_xxxxxx106 : xxxx158 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 --> xxx_x_xx_xxxxxx114 : xxxx406 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx241 --> xxx_x_xxxxxxx_xxxxxxxx_xxxxxxx__xxxx243 : xxxxx xx xxxx417 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 --> xxxxxxxxx308 : xxxxxxxx672 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx105 --> xxx_x_xxxxxx106 : xxxx152 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxxxxx103 --> xxx_x_xxxxxx106 : xxxx149 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xx_xxxxxxx102 --> xxx_x_xxxxxx106 : xxxx447 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxxxxxx_xxx101 --> xxx_x_xxxxxxxxx104 : xxxxxxx141 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxxxxx100 --> xxxxxxxxx308 : xxxxxxxx711 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxxxxx_xxxxxxxxx_2263 --> xxxxxxxxx308 : xxxxxxxx674 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx_xxxx99 --> xxx_x_xxxxxxxxx104 : xxxxxxx139 [xxxxxx xxxxxxx xxxxxxxxxxx1]
    xxx_x_xxxxxxx_xxx_xxxx99 --> xxx_x_xxxxxx106 : xxxx138 [xxxxxx xxx xxxxxxxxxxxxx8]
    xxx_x_xxx_xxxxxxx550 --> xxx_x_xxxxxx106 : xxxx1034 [xxxxxx xxx xxxxxxxxxxxxx8]


    xxx_x_xxx_xxxxxxxx117 --> [*]
    xxxxxxxxx309 --> [*]
    xxx_x_xx_xxxxxx114 --> [*]
    xxx_x_xxx_xxxxxx118 --> [*]
    xxxxxxxxx308 --> [*]
    xxx_x_xxxxxx106 --> [*]
    xxx_x_xxxxxxxxx104 --> [*]



    			</pre>
        </div>
	</div>

    <script type="module">

      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';

      
        // Configure Mermaid
        mermaid.initialize({ 
            startOnLoad: true,
            theme: 'default',
            fontFamily: 'Trebuchet MS',
            fontSize: 16,
            stateDiagram: {
                curve: 'basis'
            }
        });

        // Interactive controls
        const scaleRange = document.getElementById('scaleRange');
        const scaleValue = document.getElementById('scaleValue');

        const scaledContainer = document.getElementById('scaledContainer');
        const scaledDiagram = scaledContainer.querySelector('.mermaid');

        scaleRange.addEventListener('input', function() {
            const scale = this.value / 100;
            scaleValue.textContent = this.value;
            scaledDiagram.style.transform = `scale(${scale})`;
        });

			// init mermaid diagram
      	mermaid.initialize({ startOnLoad: true });
			document.getElementById('scaledDiagram').style.display = 'block';


		
    </script>


</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

mermaid-js

State transition diagram - state transition text not on any transition vector #6992

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

mermaid-js

State transition diagram - state transition text not on any transition vector #6992

Uh oh!

Uh oh!

dougd919 Sep 24, 2025

Replies: 0 comments

dougd919
Sep 24, 2025