Project

General

Profile

csInfo #4048

Updated by Redmine Admin 7 days ago

 
 {{kroki(excalidraw) 
 { 
   "type": "excalidraw", 
   "version": 2, 
   "source": "https://excalidraw.com", 
   "elements": [ 
     { 
       "type": "rectangle", 
       "version": 175, 
       "versionNonce": 279344008, 
       "isDeleted": false, 
       "id": "2ZYh24ed28FJ0yE-S3YNY", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 580, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#15aabf", 
       "width": 80, 
       "height": 19.999999999999996, 
       "seed": 521916552, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "Be1y2yzhV3Zd4nwCro__8" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 180, 
       "versionNonce": 164784376, 
       "isDeleted": false, 
       "id": "bO0OVt6m7LowYpq22ePCA", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 660, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#4c6ef5", 
       "width": 120, 
       "height": 19.999999999999996, 
       "seed": 1303206904, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "KaCO9-QjUenSyCuuanoTo" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 183, 
       "versionNonce": 27181704, 
       "isDeleted": false, 
       "id": "jz0Huq9-s6pNxDw0RqHcR", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 780, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#fab005", 
       "width": 180, 
       "height": 19.999999999999996, 
       "seed": 861962120, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "74ifmqmu0vN0NK0_0FwPm" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 192, 
       "versionNonce": 2123008504, 
       "isDeleted": false, 
       "id": "UnmNTmwJtm6moubcGtSgB", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 960, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#fa5252", 
       "width": 80, 
       "height": 19.999999999999996, 
       "seed": 277814520, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "1v60NED2criGG-wo9-oQL" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 202, 
       "versionNonce": 1823814024, 
       "isDeleted": false, 
       "id": "of76J4WOJHnHi0L61Vst_", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1040, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#be4bdb", 
       "width": 180, 
       "height": 19.999999999999996, 
       "seed": 1496796808, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 193, 
       "versionNonce": 1234602744, 
       "isDeleted": false, 
       "id": "SlvbjeV-9lXbcrlKib-hj", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1220, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 60, 
       "height": 19.999999999999996, 
       "seed": 1938865656, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "5QQzhw_uqk_rBaW2wMriT" 
       ] 
     }, 
     { 
       "type": "text", 
       "version": 81, 
       "versionNonce": 1188901129, 
       "isDeleted": false, 
       "id": "vrdt3JfbD2Xwz4K4TWScI", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 840, 
       "y": -60, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 190, 
       "height": 45, 
       "seed": 1499217288, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "JavaScript", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 343, 
       "versionNonce": 1369065096, 
       "isDeleted": false, 
       "id": "Be1y2yzhV3Zd4nwCro__8", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 597.5075333823274, 
       "y": 299, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 40, 
       "height": 139, 
       "seed": 666255096, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.41953339688473495, 
         "gap": 1, 
         "elementId": "UxgtvUBaIPnDWJZ9kUQH8" 
       }, 
       "endBinding": { 
         "focus": -0.11111111111111113, 
         "gap": 1, 
         "elementId": "2ZYh24ed28FJ0yE-S3YNY" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -17.507533382327438, 
           -59 
         ], 
         [ 
           22.492466617672562, 
           -139 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 81, 
       "versionNonce": 690339976, 
       "isDeleted": false, 
       "id": "UxgtvUBaIPnDWJZ9kUQH8", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 580, 
       "y": 300, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 94, 
       "height": 45, 
       "seed": 84626568, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "Be1y2yzhV3Zd4nwCro__8" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Fetch", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "rectangle", 
       "version": 60, 
       "versionNonce": 897215480, 
       "isDeleted": false, 
       "id": "-Lq0agjWQ31TR_Av5Z4HW", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 520, 
       "y": -60, 
       "strokeColor": "#000000", 
       "backgroundColor": "transparent", 
       "width": 820, 
       "height": 540, 
       "seed": 495165432, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ] 
     }, 
     { 
       "type": "arrow", 
       "version": 537, 
       "versionNonce": 1626949112, 
       "isDeleted": false, 
       "id": "KaCO9-QjUenSyCuuanoTo", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 721.0588599991052, 
       "y": 60.17790458606555, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 1.0588599991051524, 
       "height": 79.82209541393445, 
       "seed": 637565832, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": null, 
       "endBinding": { 
         "focus": 0, 
         "gap": 1, 
         "elementId": "bO0OVt6m7LowYpq22ePCA" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -1.0588599991051524, 
           39.82209541393445 
         ], 
         [ 
           -1.0588599991051524, 
           79.82209541393445 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 112, 
       "versionNonce": 358083143, 
       "isDeleted": false, 
       "id": "4hEOdlcwK6AHyVhjc-MXS", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 660, 
       "y": 20, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 103, 
       "height": 45, 
       "seed": 352116984, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Parse", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 534, 
       "versionNonce": 983577992, 
       "isDeleted": false, 
       "id": "74ifmqmu0vN0NK0_0FwPm", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 841.6574209245741, 
       "y": 219, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 43.15128973100309, 
       "height": 59.174989629909305, 
       "seed": 1853344392, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": 0.09211398277003865, 
         "gap": 1, 
         "elementId": "K4so-arfr0JX0NJx8vd7T" 
       }, 
       "endBinding": { 
         "focus": -0.2163077865936296, 
         "gap": 1, 
         "elementId": "jz0Huq9-s6pNxDw0RqHcR" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -1.6574209245741258, 
           1 
         ], 
         [ 
           41.493868806428964, 
           -58.174989629909305 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 118, 
       "versionNonce": 1185705864, 
       "isDeleted": false, 
       "id": "K4so-arfr0JX0NJx8vd7T", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 640, 
       "y": 220, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 366, 
       "height": 45, 
       "seed": 765854200, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "74ifmqmu0vN0NK0_0FwPm" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Compile and Optimize", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 791, 
       "versionNonce": 1724761848, 
       "isDeleted": false, 
       "id": "1v60NED2criGG-wo9-oQL", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 960, 
       "y": 320, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 80, 
       "height": 160, 
       "seed": 1764571528, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.1637630662020906, 
         "gap": 1, 
         "elementId": "dviXudWNxiHYQMZfqHWsH" 
       }, 
       "endBinding": { 
         "focus": 0.07692307692307691, 
         "gap": 1, 
         "elementId": "UnmNTmwJtm6moubcGtSgB" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           80, 
           -40 
         ], 
         [ 
           40, 
           -160 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 194, 
       "versionNonce": 473574648, 
       "isDeleted": false, 
       "id": "dviXudWNxiHYQMZfqHWsH", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 720, 
       "y": 320, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 484, 
       "height": 45, 
       "seed": 1988297464, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "1v60NED2criGG-wo9-oQL" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Re-optimize and Deoptimize", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 708, 
       "versionNonce": 185615496, 
       "isDeleted": false, 
       "id": "jjuPzyRneMv3f65lps_6a", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1140, 
       "y": 80, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 20, 
       "height": 60, 
       "seed": 1767688328, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.3021784319542362, 
         "gap": 14.800415739789742, 
         "elementId": "qhkjvI1VmWZdnKvU5QKZK" 
       }, 
       "endBinding": { 
         "focus": 0.15789473684210528, 
         "gap": 1, 
         "elementId": "of76J4WOJHnHi0L61Vst_" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -20, 
           20 
         ], 
         [ 
           0, 
           60 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 213, 
       "versionNonce": 2105884296, 
       "isDeleted": false, 
       "id": "qhkjvI1VmWZdnKvU5QKZK", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1080, 
       "y": 20.19958426021026, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 139, 
       "height": 45, 
       "seed": 2115494904, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Execute", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 707, 
       "versionNonce": 543827960, 
       "isDeleted": false, 
       "id": "5QQzhw_uqk_rBaW2wMriT", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1220, 
       "y": 240, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 20, 
       "height": 80, 
       "seed": 2059564936, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": 0.7391304347826086, 
         "gap": 2, 
         "elementId": "C6fyzTg2FHAmrRYfC_THm" 
       }, 
       "endBinding": { 
         "focus": 0.3333333333333333, 
         "gap": 1, 
         "elementId": "SlvbjeV-9lXbcrlKib-hj" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           20, 
           -40 
         ], 
         [ 
           20, 
           -80 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 227, 
       "versionNonce": 2002374136, 
       "isDeleted": false, 
       "id": "C6fyzTg2FHAmrRYfC_THm", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1160, 
       "y": 220, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 58, 
       "height": 45, 
       "seed": 1651025144, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "5QQzhw_uqk_rBaW2wMriT" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "GC", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     } 
   ], 
   "appState": { 
     "viewBackgroundColor": "#ffffff", 
     "gridSize": 20 
   } 
 } 
 }} 

 The diagram above is shown by just simply put sample diagram code copied from [kroki.io](https://kroki.io) inside a macro. 
 The macro language is described in [redmine-kroki](https://github.com/JeffDess/redmine-kroki) plugin page. 

 This is the exact code: 
 ``` 

 {{kroki(excalidraw) 
 { 
   "type": "excalidraw", 
   "version": 2, 
   "source": "https://excalidraw.com", 
   "elements": [ 
     { 
       "type": "rectangle", 
       "version": 175, 
       "versionNonce": 279344008, 
       "isDeleted": false, 
       "id": "2ZYh24ed28FJ0yE-S3YNY", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 580, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#15aabf", 
       "width": 80, 
       "height": 19.999999999999996, 
       "seed": 521916552, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "Be1y2yzhV3Zd4nwCro__8" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 180, 
       "versionNonce": 164784376, 
       "isDeleted": false, 
       "id": "bO0OVt6m7LowYpq22ePCA", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 660, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#4c6ef5", 
       "width": 120, 
       "height": 19.999999999999996, 
       "seed": 1303206904, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "KaCO9-QjUenSyCuuanoTo" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 183, 
       "versionNonce": 27181704, 
       "isDeleted": false, 
       "id": "jz0Huq9-s6pNxDw0RqHcR", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 780, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#fab005", 
       "width": 180, 
       "height": 19.999999999999996, 
       "seed": 861962120, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "74ifmqmu0vN0NK0_0FwPm" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 192, 
       "versionNonce": 2123008504, 
       "isDeleted": false, 
       "id": "UnmNTmwJtm6moubcGtSgB", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 960, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#fa5252", 
       "width": 80, 
       "height": 19.999999999999996, 
       "seed": 277814520, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "1v60NED2criGG-wo9-oQL" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 202, 
       "versionNonce": 1823814024, 
       "isDeleted": false, 
       "id": "of76J4WOJHnHi0L61Vst_", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1040, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#be4bdb", 
       "width": 180, 
       "height": 19.999999999999996, 
       "seed": 1496796808, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ] 
     }, 
     { 
       "type": "rectangle", 
       "version": 193, 
       "versionNonce": 1234602744, 
       "isDeleted": false, 
       "id": "SlvbjeV-9lXbcrlKib-hj", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1220, 
       "y": 140, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 60, 
       "height": 19.999999999999996, 
       "seed": 1938865656, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "5QQzhw_uqk_rBaW2wMriT" 
       ] 
     }, 
     { 
       "type": "text", 
       "version": 81, 
       "versionNonce": 1188901129, 
       "isDeleted": false, 
       "id": "vrdt3JfbD2Xwz4K4TWScI", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 840, 
       "y": -60, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 190, 
       "height": 45, 
       "seed": 1499217288, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "JavaScript", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 343, 
       "versionNonce": 1369065096, 
       "isDeleted": false, 
       "id": "Be1y2yzhV3Zd4nwCro__8", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 597.5075333823274, 
       "y": 299, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 40, 
       "height": 139, 
       "seed": 666255096, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.41953339688473495, 
         "gap": 1, 
         "elementId": "UxgtvUBaIPnDWJZ9kUQH8" 
       }, 
       "endBinding": { 
         "focus": -0.11111111111111113, 
         "gap": 1, 
         "elementId": "2ZYh24ed28FJ0yE-S3YNY" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -17.507533382327438, 
           -59 
         ], 
         [ 
           22.492466617672562, 
           -139 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 81, 
       "versionNonce": 690339976, 
       "isDeleted": false, 
       "id": "UxgtvUBaIPnDWJZ9kUQH8", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 580, 
       "y": 300, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 94, 
       "height": 45, 
       "seed": 84626568, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "Be1y2yzhV3Zd4nwCro__8" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Fetch", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "rectangle", 
       "version": 60, 
       "versionNonce": 897215480, 
       "isDeleted": false, 
       "id": "-Lq0agjWQ31TR_Av5Z4HW", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 520, 
       "y": -60, 
       "strokeColor": "#000000", 
       "backgroundColor": "transparent", 
       "width": 820, 
       "height": 540, 
       "seed": 495165432, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ] 
     }, 
     { 
       "type": "arrow", 
       "version": 537, 
       "versionNonce": 1626949112, 
       "isDeleted": false, 
       "id": "KaCO9-QjUenSyCuuanoTo", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 721.0588599991052, 
       "y": 60.17790458606555, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 1.0588599991051524, 
       "height": 79.82209541393445, 
       "seed": 637565832, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": null, 
       "endBinding": { 
         "focus": 0, 
         "gap": 1, 
         "elementId": "bO0OVt6m7LowYpq22ePCA" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -1.0588599991051524, 
           39.82209541393445 
         ], 
         [ 
           -1.0588599991051524, 
           79.82209541393445 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 112, 
       "versionNonce": 358083143, 
       "isDeleted": false, 
       "id": "4hEOdlcwK6AHyVhjc-MXS", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 660, 
       "y": 20, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 103, 
       "height": 45, 
       "seed": 352116984, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Parse", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 534, 
       "versionNonce": 983577992, 
       "isDeleted": false, 
       "id": "74ifmqmu0vN0NK0_0FwPm", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 841.6574209245741, 
       "y": 219, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 43.15128973100309, 
       "height": 59.174989629909305, 
       "seed": 1853344392, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": 0.09211398277003865, 
         "gap": 1, 
         "elementId": "K4so-arfr0JX0NJx8vd7T" 
       }, 
       "endBinding": { 
         "focus": -0.2163077865936296, 
         "gap": 1, 
         "elementId": "jz0Huq9-s6pNxDw0RqHcR" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -1.6574209245741258, 
           1 
         ], 
         [ 
           41.493868806428964, 
           -58.174989629909305 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 118, 
       "versionNonce": 1185705864, 
       "isDeleted": false, 
       "id": "K4so-arfr0JX0NJx8vd7T", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 640, 
       "y": 220, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 366, 
       "height": 45, 
       "seed": 765854200, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "74ifmqmu0vN0NK0_0FwPm" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Compile and Optimize", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 791, 
       "versionNonce": 1724761848, 
       "isDeleted": false, 
       "id": "1v60NED2criGG-wo9-oQL", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 960, 
       "y": 320, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 80, 
       "height": 160, 
       "seed": 1764571528, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.1637630662020906, 
         "gap": 1, 
         "elementId": "dviXudWNxiHYQMZfqHWsH" 
       }, 
       "endBinding": { 
         "focus": 0.07692307692307691, 
         "gap": 1, 
         "elementId": "UnmNTmwJtm6moubcGtSgB" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           80, 
           -40 
         ], 
         [ 
           40, 
           -160 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 194, 
       "versionNonce": 473574648, 
       "isDeleted": false, 
       "id": "dviXudWNxiHYQMZfqHWsH", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 720, 
       "y": 320, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 484, 
       "height": 45, 
       "seed": 1988297464, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "1v60NED2criGG-wo9-oQL" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Re-optimize and Deoptimize", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 708, 
       "versionNonce": 185615496, 
       "isDeleted": false, 
       "id": "jjuPzyRneMv3f65lps_6a", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1140, 
       "y": 80, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 20, 
       "height": 60, 
       "seed": 1767688328, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": -0.3021784319542362, 
         "gap": 14.800415739789742, 
         "elementId": "qhkjvI1VmWZdnKvU5QKZK" 
       }, 
       "endBinding": { 
         "focus": 0.15789473684210528, 
         "gap": 1, 
         "elementId": "of76J4WOJHnHi0L61Vst_" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           -20, 
           20 
         ], 
         [ 
           0, 
           60 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 213, 
       "versionNonce": 2105884296, 
       "isDeleted": false, 
       "id": "qhkjvI1VmWZdnKvU5QKZK", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1080, 
       "y": 20.19958426021026, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 139, 
       "height": 45, 
       "seed": 2115494904, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "jjuPzyRneMv3f65lps_6a" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "Execute", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     }, 
     { 
       "type": "arrow", 
       "version": 707, 
       "versionNonce": 543827960, 
       "isDeleted": false, 
       "id": "5QQzhw_uqk_rBaW2wMriT", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1220, 
       "y": 240, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 20, 
       "height": 80, 
       "seed": 2059564936, 
       "groupIds": [], 
       "strokeSharpness": "round", 
       "boundElementIds": [], 
       "startBinding": { 
         "focus": 0.7391304347826086, 
         "gap": 2, 
         "elementId": "C6fyzTg2FHAmrRYfC_THm" 
       }, 
       "endBinding": { 
         "focus": 0.3333333333333333, 
         "gap": 1, 
         "elementId": "SlvbjeV-9lXbcrlKib-hj" 
       }, 
       "points": [ 
         [ 
           0, 
           0 
         ], 
         [ 
           20, 
           -40 
         ], 
         [ 
           20, 
           -80 
         ] 
       ], 
       "lastCommittedPoint": null, 
       "startArrowhead": null, 
       "endArrowhead": "arrow" 
     }, 
     { 
       "type": "text", 
       "version": 227, 
       "versionNonce": 2002374136, 
       "isDeleted": false, 
       "id": "C6fyzTg2FHAmrRYfC_THm", 
       "fillStyle": "hachure", 
       "strokeWidth": 1, 
       "strokeStyle": "solid", 
       "roughness": 1, 
       "opacity": 100, 
       "angle": 0, 
       "x": 1160, 
       "y": 220, 
       "strokeColor": "#000000", 
       "backgroundColor": "#868e96", 
       "width": 58, 
       "height": 45, 
       "seed": 1651025144, 
       "groupIds": [], 
       "strokeSharpness": "sharp", 
       "boundElementIds": [ 
         "5QQzhw_uqk_rBaW2wMriT" 
       ], 
       "fontSize": 36, 
       "fontFamily": 1, 
       "text": "GC", 
       "baseline": 32, 
       "textAlign": "left", 
       "verticalAlign": "top" 
     } 
   ], 
   "appState": { 
     "viewBackgroundColor": "#ffffff", 
     "gridSize": 20 
   } 
 } 
 }} 
 ```

Back