This repository has been archived by the owner on May 8, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #9 from JenSeReal/refactor-intro-chapter
refactor-intro-chapter
- Loading branch information
Showing
34 changed files
with
878 additions
and
330 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file added
BIN
+1 MB
tutorial/content/intro/how_we_got_here/images/distributed_system.drawio.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
151 changes: 151 additions & 0 deletions
151
tutorial/content/intro/how_we_got_here/images/distributed_system.drawio.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,151 @@ | ||
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <mxfile host="app.diagrams.net" modified="2024-04-12T13:48:12.066Z" agent="Mozilla/5.0 (X11; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0" version="24.1.0" etag="Pv0WeTo1PCp_QNerD54l"> | ||
| <diagram name="Page-1" id="bN8wYh4oBSpvWtojugjS"> | ||
| <mxGraphModel dx="1210" dy="2187" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0"> | ||
| <root> | ||
| <mxCell id="0" /> | ||
| <mxCell id="1" parent="0" /> | ||
| <mxCell id="2" value="" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="20" y="-60" width="860" height="660" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="3" value="DB A" style="strokeWidth=2;html=1;shape=mxgraph.flowchart.database;whiteSpace=wrap;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="410" y="60" width="60" height="60" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="4" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="7" target="3" parent="1"> | ||
| <mxGeometry relative="1" as="geometry"> | ||
| <Array as="points"> | ||
| <mxPoint x="440" y="150" /> | ||
| <mxPoint x="440" y="150" /> | ||
| </Array> | ||
| </mxGeometry> | ||
| </mxCell> | ||
| <mxCell id="5" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="7" target="11" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="7" target="41" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="7" value="<div>Application A<br></div>" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=#000000;fillColor=#000000;shape=mxgraph.azure.computer;pointerEvents=1;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=default;" vertex="1" parent="1"> | ||
| <mxGeometry x="415" y="160" width="50" height="45" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="8" value="Server A" style="sketch=1;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.traditional_server;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="140" y="170" width="45" height="78" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="9" value="" style="group;sketch=1;curveFitting=1;jiggle=2;" vertex="1" connectable="0" parent="1"> | ||
| <mxGeometry x="390" y="308" width="120" height="120" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="10" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="47" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="11" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry y="18" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="12" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="94" y="18" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="13" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry y="54" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="14" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="94" y="54" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="15" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="47" y="72" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="16" value="" style="strokeWidth=2;dashed=0;align=center;fontSize=8;shape=rect;fillColor=#FFFFFF;strokeColor=#000000;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="47" y="36" width="26" height="18" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="17" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="10"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="18" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="11"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="19" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="12"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="20" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="13"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="21" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="14"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="22" value="" style="edgeStyle=none;endArrow=none;dashed=0;html=1;strokeWidth=2;rounded=0;fillColor=#FFFFFF;sketch=1;curveFitting=1;jiggle=2;" edge="1" parent="9" source="16" target="15"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="23" value="Message Broker" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="9"> | ||
| <mxGeometry x="30" y="90" width="60" height="30" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="24" value="DB B" style="strokeWidth=2;html=1;shape=mxgraph.flowchart.database;whiteSpace=wrap;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="680" y="220" width="60" height="60" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="25" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="28" target="3" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="26" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="28" target="11" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="28" target="8" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="28" value="Application B" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=#000000;fillColor=#000000;shape=mxgraph.azure.computer;pointerEvents=1;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="250" y="100" width="50" height="45" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="29" value="Application D" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=#000000;fillColor=#000000;shape=mxgraph.azure.computer;pointerEvents=1;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="550" y="130" width="50" height="45" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="30" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="33" target="24" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="33" target="10" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="33" target="41" parent="1"> | ||
| <mxGeometry relative="1" as="geometry"> | ||
| <Array as="points"> | ||
| <mxPoint x="665" y="460" /> | ||
| <mxPoint x="243" y="460" /> | ||
| </Array> | ||
| </mxGeometry> | ||
| </mxCell> | ||
| <mxCell id="33" value="<div>Application C</div>" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=#000000;fillColor=#000000;shape=mxgraph.azure.computer;pointerEvents=1;sketch=1;curveFitting=1;jiggle=2;labelBackgroundColor=default;" vertex="1" parent="1"> | ||
| <mxGeometry x="640" y="370" width="50" height="45" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="34" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;entryPerimeter=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="29" target="24" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="35" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;entryPerimeter=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="7" target="24" parent="1"> | ||
| <mxGeometry relative="1" as="geometry"> | ||
| <Array as="points"> | ||
| <mxPoint x="440" y="250" /> | ||
| </Array> | ||
| </mxGeometry> | ||
| </mxCell> | ||
| <mxCell id="36" value="Internal Network" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="463" y="510" width="60" height="30" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="37" value="<div>Public Cloud</div><div>Provider A</div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="250" y="-110" width="120" height="80" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="38" value="<div>Public Cloud</div><div>Provider B</div>" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="450" y="-100" width="120" height="80" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="39" value="" style="endArrow=classic;startArrow=classic;html=1;rounded=0;entryX=0.55;entryY=0.95;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.541;exitY=0.12;exitDx=0;exitDy=0;exitPerimeter=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="2" target="38" parent="1"> | ||
| <mxGeometry width="50" height="50" relative="1" as="geometry"> | ||
| <mxPoint x="570" y="30" as="sourcePoint" /> | ||
| <mxPoint x="620" y="-20" as="targetPoint" /> | ||
| </mxGeometry> | ||
| </mxCell> | ||
| <mxCell id="40" value="" style="endArrow=classic;startArrow=classic;html=1;rounded=0;entryX=0.55;entryY=0.95;entryDx=0;entryDy=0;entryPerimeter=0;exitX=0.391;exitY=0.095;exitDx=0;exitDy=0;exitPerimeter=0;sketch=1;curveFitting=1;jiggle=2;" edge="1" source="2" target="37" parent="1"> | ||
| <mxGeometry width="50" height="50" relative="1" as="geometry"> | ||
| <mxPoint x="261" y="16" as="sourcePoint" /> | ||
| <mxPoint x="315" y="-60" as="targetPoint" /> | ||
| </mxGeometry> | ||
| </mxCell> | ||
| <mxCell id="41" value="Server B" style="sketch=1;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#232F3D;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.traditional_server;curveFitting=1;jiggle=2;labelBackgroundColor=default;" vertex="1" parent="1"> | ||
| <mxGeometry x="220" y="350" width="45" height="78" as="geometry" /> | ||
| </mxCell> | ||
| </root> | ||
| </mxGraphModel> | ||
| </diagram> | ||
| </mxfile> |
File renamed without changes
File renamed without changes.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
38 changes: 38 additions & 0 deletions
38
tutorial/content/intro/how_we_got_here/images/metric_types.drawio.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,38 @@ | ||
| <?xml version="1.0" encoding="UTF-8"?> | ||
| <mxfile host="app.diagrams.net" modified="2024-04-12T13:44:39.723Z" agent="Mozilla/5.0 (X11; Linux x86_64; rv:124.0) Gecko/20100101 Firefox/124.0" version="24.1.0" etag="ERGgdwfWwn9U2GWz_5rp" type="device"> | ||
| <diagram name="Page-1" id="smW0PAjTnqLw3b3bpwx7"> | ||
| <mxGraphModel dx="834" dy="750" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0"> | ||
| <root> | ||
| <mxCell id="0" /> | ||
| <mxCell id="1" parent="0" /> | ||
| <mxCell id="2" value="<div>Gauge</div>" style="html=1;verticalLabelPosition=bottom;align=center;labelBackgroundColor=#ffffff;verticalAlign=top;strokeWidth=2;strokeColor=#000000;shadow=0;dashed=0;shape=mxgraph.ios7.icons.gauge;" vertex="1" parent="1"> | ||
| <mxGeometry x="420" y="360" width="40" height="40" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="3" value="<div>Counter</div>" style="image;aspect=fixed;html=1;points=[];align=center;fontSize=12;image=img/lib/azure2/general/Counter.svg;strokeColor=default;shadow=0;" vertex="1" parent="1"> | ||
| <mxGeometry x="310" y="360" width="49.23" height="40" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="4" value="<div>Histogram</div>" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/statistics-128.png;clipPath=inset(18.75% 17.19% 20.31% 17.19%);strokeColor=#0078D4;shadow=0;" vertex="1" parent="1"> | ||
| <mxGeometry x="520" y="359.38" width="43.08" height="40" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="5" value="Summary" style="shape=image;html=1;verticalAlign=top;verticalLabelPosition=bottom;labelBackgroundColor=#ffffff;imageAspect=0;aspect=fixed;image=https://cdn4.iconfinder.com/data/icons/48-bubbles/48/12.File-128.png;clipPath=inset(0.78% 14.84% 1.56% 13.28%);shadow=0;" vertex="1" parent="1"> | ||
| <mxGeometry x="620" y="361.5" width="28.34" height="38.5" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="6" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;shadow=0;sketch=1;curveFitting=1;jiggle=2;elbow=vertical;exitX=0.5;exitY=1;exitDx=0;exitDy=0;edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" source="10" target="3" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;shadow=0;sketch=1;curveFitting=1;jiggle=2;curved=1;" edge="1" source="10" target="2" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="8" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;shadow=0;sketch=1;curveFitting=1;jiggle=2;elbow=vertical;exitX=0.5;exitY=1;exitDx=0;exitDy=0;edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" source="10" target="4" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="9" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.5;entryY=0;entryDx=0;entryDy=0;shadow=0;sketch=1;curveFitting=1;jiggle=2;elbow=vertical;exitX=0.5;exitY=1;exitDx=0;exitDy=0;edgeStyle=orthogonalEdgeStyle;curved=1;" edge="1" source="10" target="5" parent="1"> | ||
| <mxGeometry relative="1" as="geometry" /> | ||
| </mxCell> | ||
| <mxCell id="10" value="Types of metrics" style="rounded=0;whiteSpace=wrap;html=1;shadow=0;sketch=1;curveFitting=1;jiggle=2;" vertex="1" parent="1"> | ||
| <mxGeometry x="310" y="230" width="350" height="60" as="geometry" /> | ||
| </mxCell> | ||
| </root> | ||
| </mxGraphModel> | ||
| </diagram> | ||
| </mxfile> |
Binary file added
BIN
+193 KB
.../content/intro/how_we_got_here/images/three_pillars_of_observability.drawio.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.