{ "version": "2.0", "elements": [ { "id": "bg", "type": "rectangle", "x": 20, "y": 20, "w": 1300, "h": 600, "angle": 0, "borderRadius": 0, "options": { "stroke": "#0f172a", "strokeWidth": 3, "fill": "#1e293b", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1258370948, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "title", "type": "text", "x": 350, "y": 40, "w": 600, "h": 35, "angle": 0, "borderRadius": 0, "options": { "stroke": "#e2e8f0", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1407304900, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”„ CI/CD Pipeline Architecture", "fontSize": 28, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "subtitle", "type": "text", "x": 400, "y": 75, "w": 500, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "#94a3b8", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 619382392, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Automated Build, Test & Deploy with GitHub Actions", "fontSize": 14, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "italic", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "stage-dev", "type": "rectangle", "x": 40, "y": 110, "w": 220, "h": 480, "angle": 0, "borderRadius": 15, "options": { "stroke": "blue.500", "strokeWidth": 2, "fill": "#172554", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 392233408, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "stage-dev-t", "type": "text", "x": 40, "y": 125, "w": 220, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "blue.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1192690153, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ’ป DEV", "fontSize": 16, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "stage-ci", "type": "rectangle", "x": 280, "y": 110, "w": 280, "h": 480, "angle": 0, "borderRadius": 15, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.900", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 404058000, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "stage-ci-t", "type": "text", "x": 280, "y": 125, "w": 280, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 53201848, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โœ… CONTINUOUS INTEGRATION", "fontSize": 14, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "stage-cd", "type": "rectangle", "x": 580, "y": 110, "w": 280, "h": 480, "angle": 0, "borderRadius": 15, "options": { "stroke": "amber.500", "strokeWidth": 2, "fill": "amber.900", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1894797527, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "stage-cd-t", "type": "text", "x": 580, "y": 125, "w": 280, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1724529706, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿš€ CONTINUOUS DELIVERY", "fontSize": 14, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "stage-prod", "type": "rectangle", "x": 880, "y": 110, "w": 420, "h": 480, "angle": 0, "borderRadius": 15, "options": { "stroke": "#8b5cf6", "strokeWidth": 2, "fill": "#4c1d95", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1706785255, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "stage-prod-t", "type": "text", "x": 880, "y": 125, "w": 420, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "#a78bfa", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1674850497, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โ˜๏ธ PRODUCTION DEPLOY", "fontSize": 16, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "github", "type": "rectangle", "x": 60, "y": 170, "w": 180, "h": 80, "angle": 0, "borderRadius": 12, "options": { "stroke": "#6e7681", "strokeWidth": 2, "fill": "#21262d", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1948345572, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "github-icon", "type": "text", "x": 60, "y": 185, "w": 180, "h": 30, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1454659970, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ™", "fontSize": 28, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "github-t", "type": "text", "x": 60, "y": 220, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "#e6edf3", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1413415405, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "GitHub Repo", "fontSize": 14, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "commit", "type": "rectangle", "x": 60, "y": 280, "w": 180, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "blue.500", "strokeWidth": 2, "fill": "blue.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 654613835, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "commit-t", "type": "text", "x": 60, "y": 300, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "blue.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 631641005, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ“ Git Commit", "fontSize": 13, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "pr", "type": "rectangle", "x": 60, "y": 370, "w": 180, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "blue.500", "strokeWidth": 2, "fill": "blue.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1403482274, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "pr-t", "type": "text", "x": 60, "y": 390, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "blue.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1585592657, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”€ Pull Request", "fontSize": 13, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "a3", "type": "arrow", "x": 240, "y": 400, "w": 50, "h": 100, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 49310459, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "endArrowhead": "arrow" }, { "id": "trigger", "type": "diamond", "x": 305, "y": 180, "w": 80, "h": 60, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1888530568, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "trigger-t", "type": "text", "x": 305, "y": 200, "w": 80, "h": 18, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1091312742, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Trigger", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "lint", "type": "rectangle", "x": 300, "y": 260, "w": 120, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.700", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1460928205, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "lint-icon", "type": "text", "x": 300, "y": 270, "w": 120, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 2127220689, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "lint-t", "type": "text", "x": 300, "y": 295, "w": 120, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 524077933, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Lint & Format", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "test", "type": "rectangle", "x": 440, "y": 260, "w": 100, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.700", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 283219426, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "test-icon", "type": "text", "x": 440, "y": 270, "w": 100, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1563229605, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿงช", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "test-t", "type": "text", "x": 440, "y": 295, "w": 100, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 965409256, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Unit Tests", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "build", "type": "rectangle", "x": 300, "y": 340, "w": 120, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.700", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1924941564, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "build-icon", "type": "text", "x": 300, "y": 350, "w": 120, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1576330040, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ—๏ธ", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "build-t", "type": "text", "x": 300, "y": 375, "w": 120, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1585555683, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Build", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "security", "type": "rectangle", "x": 440, "y": 340, "w": 100, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.700", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 177558803, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "security-icon", "type": "text", "x": 440, "y": 350, "w": 100, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 308340364, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”’", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "security-t", "type": "text", "x": 440, "y": 375, "w": 100, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 636614010, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Security Scan", "fontSize": 10, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "artifact", "type": "rectangle", "x": 340, "y": 420, "w": 160, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "green.500", "strokeWidth": 2, "fill": "green.700", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1820904179, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "artifact-icon", "type": "text", "x": 340, "y": 430, "w": 160, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1153632164, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ“ฆ", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "artifact-t", "type": "text", "x": 340, "y": 455, "w": 160, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1658349461, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Docker Image", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "a9", "type": "arrow", "x": 500, "y": 450, "w": 90, "h": 100, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1743569696, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "endArrowhead": "arrow" }, { "id": "staging", "type": "rectangle", "x": 600, "y": 180, "w": 120, "h": 70, "angle": 0, "borderRadius": 10, "options": { "stroke": "amber.500", "strokeWidth": 2, "fill": "amber.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 2119464985, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "staging-icon", "type": "text", "x": 600, "y": 195, "w": 120, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 984750918, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐ŸŽญ", "fontSize": 22, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "staging-t", "type": "text", "x": 600, "y": 225, "w": 120, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 2060441212, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Staging", "fontSize": 13, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "e2e", "type": "rectangle", "x": 600, "y": 280, "w": 120, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "amber.500", "strokeWidth": 2, "fill": "amber.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 462817975, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "e2e-icon", "type": "text", "x": 600, "y": 290, "w": 120, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 834684321, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”„", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "e2e-t", "type": "text", "x": 600, "y": 315, "w": 120, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1762881670, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "E2E Tests", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "perf", "type": "rectangle", "x": 740, "y": 280, "w": 100, "h": 55, "angle": 0, "borderRadius": 10, "options": { "stroke": "amber.500", "strokeWidth": 2, "fill": "amber.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1332142383, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "perf-icon", "type": "text", "x": 740, "y": 290, "w": 100, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "black", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 230722647, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โšก", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "perf-t", "type": "text", "x": 740, "y": 315, "w": 100, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1329897755, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Perf Tests", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "approval", "type": "diamond", "x": 680, "y": 360, "w": 100, "h": 80, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.500", "strokeWidth": 2, "fill": "amber.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1732468586, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "approval-t", "type": "text", "x": 680, "y": 390, "w": 100, "h": 18, "angle": 0, "borderRadius": 0, "options": { "stroke": "amber.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1509446872, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Approval?", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "a13", "type": "arrow", "x": 780, "y": 400, "w": 110, "h": 100, "angle": 0, "borderRadius": 0, "options": { "stroke": "#a78bfa", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 805409025, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "endArrowhead": "arrow" }, { "id": "aws", "type": "rectangle", "x": 900, "y": 170, "w": 180, "h": 90, "angle": 0, "borderRadius": 12, "options": { "stroke": "orange.500", "strokeWidth": 2, "fill": "orange.900", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 628690880, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "aws-icon", "type": "text", "x": 900, "y": 185, "w": 180, "h": 30, "angle": 0, "borderRadius": 0, "options": { "stroke": "orange.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 624423520, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โ˜๏ธ AWS", "fontSize": 20, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "aws-t", "type": "text", "x": 900, "y": 225, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "orange.200", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 215948313, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "ECS + CloudFront", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "gcp", "type": "rectangle", "x": 1100, "y": 170, "w": 180, "h": 90, "angle": 0, "borderRadius": 12, "options": { "stroke": "blue.500", "strokeWidth": 2, "fill": "blue.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 807681331, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "gcp-icon", "type": "text", "x": 1100, "y": 185, "w": 180, "h": 30, "angle": 0, "borderRadius": 0, "options": { "stroke": "blue.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 853608476, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โ˜๏ธ GCP", "fontSize": 20, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "gcp-t", "type": "text", "x": 1100, "y": 225, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "blue.200", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1862964699, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Cloud Run + CDN", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "monitor", "type": "rectangle", "x": 900, "y": 290, "w": 180, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "#8b5cf6", "strokeWidth": 2, "fill": "#6d28d9", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 1275985187, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "monitor-t", "type": "text", "x": 900, "y": 310, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "#c4b5fd", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 284758887, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ“Š Datadog Monitor", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "alerts", "type": "rectangle", "x": 1100, "y": 290, "w": 180, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "#8b5cf6", "strokeWidth": 2, "fill": "#6d28d9", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 952633544, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "alerts-t", "type": "text", "x": 1100, "y": 310, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "#c4b5fd", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 549323281, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”” PagerDuty Alerts", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "rollback", "type": "rectangle", "x": 1000, "y": 380, "w": 180, "h": 60, "angle": 0, "borderRadius": 10, "options": { "stroke": "red.500", "strokeWidth": 2, "fill": "red.900", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 674314592, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "rollback-t", "type": "text", "x": 1000, "y": 400, "w": 180, "h": 20, "angle": 0, "borderRadius": 0, "options": { "stroke": "red.300", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 293946674, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "๐Ÿ”™ Auto Rollback", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "success", "type": "ellipse", "x": 1000, "y": 470, "w": 180, "h": 70, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.500", "strokeWidth": 3, "fill": "green.800", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 2011844252, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "success-t", "type": "text", "x": 1000, "y": 495, "w": 180, "h": 25, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1530700922, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โœ… LIVE!", "fontSize": 18, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "legend", "type": "rectangle", "x": 60, "y": 465, "w": 180, "h": 100, "angle": 0, "borderRadius": 10, "options": { "stroke": "#475569", "strokeWidth": 2, "fill": "#334155", "fillStyle": "solid", "roughness": 1.8, "bowing": 1.2, "seed": 619117584, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 } }, { "id": "legend-t", "type": "text", "x": 70, "y": 480, "w": 160, "h": 18, "angle": 0, "borderRadius": 0, "options": { "stroke": "#e2e8f0", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 449013706, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โฑ๏ธ Pipeline Stats", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "left", "fontWeight": "bold", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "legend-1", "type": "text", "x": 70, "y": 505, "w": 160, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "#94a3b8", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 102480752, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Avg Build: 4m 32s", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "left", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "legend-2", "type": "text", "x": 70, "y": 525, "w": 160, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "#94a3b8", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1231122347, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Deploy: 2m 15s", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "left", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "legend-3", "type": "text", "x": 70, "y": 545, "w": 160, "h": 16, "angle": 0, "borderRadius": 0, "options": { "stroke": "green.400", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1799422280, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "Success Rate: 98.5%", "fontSize": 11, "fontFamily": "Comic Sans MS", "align": "left", "fontWeight": "normal", "fontStyle": "normal", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 }, { "id": "footer", "type": "text", "x": 450, "y": 600, "w": 400, "h": 18, "angle": 0, "borderRadius": 0, "options": { "stroke": "#64748b", "strokeWidth": 2, "fill": "transparent", "fillStyle": "hachure", "roughness": 1.8, "bowing": 1.2, "seed": 1601309434, "lineStyle": "solid" }, "animation": { "type": "none", "delay": 0, "duration": 500 }, "text": "โœจ Created with Privacy Sketch", "fontSize": 12, "fontFamily": "Comic Sans MS", "align": "center", "fontWeight": "normal", "fontStyle": "italic", "backgroundColor": null, "backgroundPadding": 8, "backgroundBorderRadius": 4 } ], "appState": { "zoom": 0.9999999999999999, "panX": 277, "panY": 105 }, "theme": { "roughness": 1.8, "bowing": 1.2, "fillStyle": "solid" } }