docs/sequence-diagram-latency-problem9-1.svg

<svg id="mermaid-1569862841539" width="100%" xmlns="http://www.w3.org/2000/svg" height="100%" style="max-width:885px;" viewBox="-85 -10 885 671"><style>


#mermaid-1569862841539 .label {
  font-family: 'trebuchet ms', verdana, arial;
  color: #333; }

#mermaid-1569862841539 .label text {
  fill: #333; }

#mermaid-1569862841539 .node rect,
#mermaid-1569862841539 .node circle,
#mermaid-1569862841539 .node ellipse,
#mermaid-1569862841539 .node polygon {
  fill: #cde498;
  stroke: #13540c;
  stroke-width: 1px; }

#mermaid-1569862841539 .node.clickable {
  cursor: pointer; }

#mermaid-1569862841539 .arrowheadPath {
  fill: green; }

#mermaid-1569862841539 .edgePath .path {
  stroke: green;
  stroke-width: 1.5px; }

#mermaid-1569862841539 .edgeLabel {
  background-color: #e8e8e8; }

#mermaid-1569862841539 .cluster rect {
  fill: #cdffb2;
  stroke: #6eaa49;
  stroke-width: 1px; }

#mermaid-1569862841539 .cluster text {
  fill: #333; }

#mermaid-1569862841539 div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: #cdffb2;
  border: 1px solid #6eaa49;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100; }

#mermaid-1569862841539 .actor {
  stroke: #13540c;
  fill: #cde498; }

#mermaid-1569862841539 text.actor {
  fill: black;
  stroke: none; }

#mermaid-1569862841539 .actor-line {
  stroke: grey; }

#mermaid-1569862841539 .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1569862841539 .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1569862841539 #arrowhead {
  fill: #333; }

#mermaid-1569862841539 .sequenceNumber {
  fill: white; }

#mermaid-1569862841539 #sequencenumber {
  fill: #333; }

#mermaid-1569862841539 #crosshead path {
  fill: #333 !important;
  stroke: #333 !important; }

#mermaid-1569862841539 .messageText {
  fill: #333;
  stroke: none; }

#mermaid-1569862841539 .labelBox {
  stroke: #326932;
  fill: #cde498; }

#mermaid-1569862841539 .labelText {
  fill: black;
  stroke: none; }

#mermaid-1569862841539 .loopText {
  fill: black;
  stroke: none; }

#mermaid-1569862841539 .loopLine {
  stroke-width: 2;
  stroke-dasharray: '2 2';
  stroke: #326932; }

#mermaid-1569862841539 .note {
  stroke: #6eaa49;
  fill: #fff5ad; }

#mermaid-1569862841539 .noteText {
  fill: black;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px; }

#mermaid-1569862841539 .activation0 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1569862841539 .activation1 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1569862841539 .activation2 {
  fill: #f4f4f4;
  stroke: #666; }


#mermaid-1569862841539 .section {
  stroke: none;
  opacity: 0.2; }

#mermaid-1569862841539 .section0 {
  fill: #6eaa49; }

#mermaid-1569862841539 .section2 {
  fill: #6eaa49; }

#mermaid-1569862841539 .section1,
#mermaid-1569862841539 .section3 {
  fill: white;
  opacity: 0.2; }

#mermaid-1569862841539 .sectionTitle0 {
  fill: #333; }

#mermaid-1569862841539 .sectionTitle1 {
  fill: #333; }

#mermaid-1569862841539 .sectionTitle2 {
  fill: #333; }

#mermaid-1569862841539 .sectionTitle3 {
  fill: #333; }

#mermaid-1569862841539 .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px; }


#mermaid-1569862841539 .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges; }

#mermaid-1569862841539 .grid path {
  stroke-width: 0; }


#mermaid-1569862841539 .today {
  fill: none;
  stroke: red;
  stroke-width: 2px; }


#mermaid-1569862841539 .task {
  stroke-width: 2; }

#mermaid-1569862841539 .taskText {
  text-anchor: middle;
  font-size: 11px; }

#mermaid-1569862841539 .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px; }

#mermaid-1569862841539 .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px; }


#mermaid-1569862841539 .task.clickable {
  cursor: pointer; }

#mermaid-1569862841539 .taskText.clickable {
  cursor: pointer;
  fill: #003163 !important;
  font-weight: bold; }

#mermaid-1569862841539 .taskTextOutsideLeft.clickable {
  cursor: pointer;
  fill: #003163 !important;
  font-weight: bold; }

#mermaid-1569862841539 .taskTextOutsideRight.clickable {
  cursor: pointer;
  fill: #003163 !important;
  font-weight: bold; }


#mermaid-1569862841539 .taskText0,
#mermaid-1569862841539 .taskText1,
#mermaid-1569862841539 .taskText2,
#mermaid-1569862841539 .taskText3 {
  fill: white; }

#mermaid-1569862841539 .task0,
#mermaid-1569862841539 .task1,
#mermaid-1569862841539 .task2,
#mermaid-1569862841539 .task3 {
  fill: #487e3a;
  stroke: #13540c; }

#mermaid-1569862841539 .taskTextOutside0,
#mermaid-1569862841539 .taskTextOutside2 {
  fill: black; }

#mermaid-1569862841539 .taskTextOutside1,
#mermaid-1569862841539 .taskTextOutside3 {
  fill: black; }


#mermaid-1569862841539 .active0,
#mermaid-1569862841539 .active1,
#mermaid-1569862841539 .active2,
#mermaid-1569862841539 .active3 {
  fill: #cde498;
  stroke: #13540c; }

#mermaid-1569862841539 .activeText0,
#mermaid-1569862841539 .activeText1,
#mermaid-1569862841539 .activeText2,
#mermaid-1569862841539 .activeText3 {
  fill: black !important; }


#mermaid-1569862841539 .done0,
#mermaid-1569862841539 .done1,
#mermaid-1569862841539 .done2,
#mermaid-1569862841539 .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2; }

#mermaid-1569862841539 .doneText0,
#mermaid-1569862841539 .doneText1,
#mermaid-1569862841539 .doneText2,
#mermaid-1569862841539 .doneText3 {
  fill: black !important; }


#mermaid-1569862841539 .crit0,
#mermaid-1569862841539 .crit1,
#mermaid-1569862841539 .crit2,
#mermaid-1569862841539 .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2; }

#mermaid-1569862841539 .activeCrit0,
#mermaid-1569862841539 .activeCrit1,
#mermaid-1569862841539 .activeCrit2,
#mermaid-1569862841539 .activeCrit3 {
  stroke: #ff8888;
  fill: #cde498;
  stroke-width: 2; }

#mermaid-1569862841539 .doneCrit0,
#mermaid-1569862841539 .doneCrit1,
#mermaid-1569862841539 .doneCrit2,
#mermaid-1569862841539 .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges; }

#mermaid-1569862841539 .milestone {
  transform: rotate(45deg) scale(0.8, 0.8); }

#mermaid-1569862841539 .milestoneText {
  font-style: italic; }

#mermaid-1569862841539 .doneCritText0,
#mermaid-1569862841539 .doneCritText1,
#mermaid-1569862841539 .doneCritText2,
#mermaid-1569862841539 .doneCritText3 {
  fill: black !important; }

#mermaid-1569862841539 .activeCritText0,
#mermaid-1569862841539 .activeCritText1,
#mermaid-1569862841539 .activeCritText2,
#mermaid-1569862841539 .activeCritText3 {
  fill: black !important; }

#mermaid-1569862841539 .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black; }

#mermaid-1569862841539 g.classGroup text {
  fill: #13540c;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 10px; }

#mermaid-1569862841539 g.classGroup rect {
  fill: #cde498;
  stroke: #13540c; }

#mermaid-1569862841539 g.classGroup line {
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 .classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: #cde498;
  opacity: 0.5; }

#mermaid-1569862841539 .classLabel .label {
  fill: #13540c;
  font-size: 10px; }

#mermaid-1569862841539 .relation {
  stroke: #13540c;
  stroke-width: 1;
  fill: none; }

#mermaid-1569862841539 #compositionStart {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #compositionEnd {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #aggregationStart {
  fill: #cde498;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #aggregationEnd {
  fill: #cde498;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #dependencyStart {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #dependencyEnd {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #extensionStart {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 #extensionEnd {
  fill: #13540c;
  stroke: #13540c;
  stroke-width: 1; }

#mermaid-1569862841539 .commit-id,
#mermaid-1569862841539 .commit-msg,
#mermaid-1569862841539 .branch-label {
  fill: lightgrey;
  color: lightgrey; }

#mermaid-1569862841539 .pieTitleText {
  text-anchor: middle;
  font-size: 25px;
  fill: black; }
</style><style>#mermaid-1569862841539 {
    color: rgba(0, 0, 0, 0.65);
    font: ;
  }</style><g></g><g><line id="actor849" x1="75" y1="5" x2="75" y2="660" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="0" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">Consumer</tspan></text></g><g><line id="actor850" x1="275" y1="5" x2="275" y2="660" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="200" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="0">Indian</tspan></text></g><g><line id="actor851" x1="475" y1="5" x2="475" y2="660" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="400" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="0">Mahabharata</tspan></text></g><g><line id="actor852" x1="675" y1="5" x2="675" y2="660" class="actor-line" stroke-width="0.5px" stroke="#999"></line><rect x="600" y="0" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="32.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="0">Wikipedia</tspan></text></g><defs><marker id="arrowhead" refX="5" refY="2" markerWidth="6" markerHeight="4" orient="auto"><path d="M 0,0 V 4 L6,2 Z"></path></marker></defs><defs><marker id="crosshead" markerWidth="15" markerHeight="8" orient="auto" refX="16" refY="4"><path fill="black" stroke="#000000" stroke-width="1px" d="M 9,2 V 6 L16,4 Z" style="stroke-dasharray: 0, 0;"></path><path fill="none" stroke="#000000" stroke-width="1px" d="M 0,1 L 6,7 M 6,1 L 0,7" style="stroke-dasharray: 0, 0;"></path></marker></defs><defs><marker id="sequencenumber" refX="15" refY="15" markerWidth="60" markerHeight="40" orient="auto"><circle cx="15" cy="15" r="6"></circle></marker></defs><g><text x="175" y="93" class="messageText" style="text-anchor: middle;">GET /indian</text><line x1="75" y1="100" x2="275" y2="100" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><text x="175" y="128" class="messageText" style="text-anchor: middle;">List of gods</text><line x1="275" y1="135" x2="75" y2="135" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><text x="275" y="188" class="messageText" style="text-anchor: middle;">GET / godCounter{indianGod}</text><line x1="75" y1="195" x2="475" y2="195" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><text x="275" y="223" class="messageText" style="text-anchor: middle;">God Counter List</text><line x1="475" y1="230" x2="75" y2="230" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><line x1="65" y1="145" x2="485" y2="145" class="loopLine"></line><line x1="485" y1="145" x2="485" y2="240" class="loopLine"></line><line x1="65" y1="240" x2="485" y2="240" class="loopLine"></line><line x1="65" y1="145" x2="65" y2="240" class="loopLine"></line><polygon points="65,145 115,145 115,158 106.6,165 65,165" class="labelBox"></polygon><text x="72.5" y="160" class="labelText"><tspan x="72.5">loop</tspan></text><text x="275" y="160" class="loopText" style="text-anchor: middle;"><tspan x="275">[ god ]</tspan></text></g><g><text x="375" y="293" class="messageText" style="text-anchor: middle;">GET / wiki/{indianGod}</text><line x1="75" y1="300" x2="675" y2="300" class="messageLine0" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="fill: none;"></line></g><g><text x="375" y="328" class="messageText" style="text-anchor: middle;">God Verified List</text><line x1="675" y1="335" x2="75" y2="335" class="messageLine1" stroke-width="2" stroke="black" marker-end="url(#arrowhead)" style="stroke-dasharray: 3, 3; fill: none;"></line></g><g><line x1="65" y1="250" x2="685" y2="250" class="loopLine"></line><line x1="685" y1="250" x2="685" y2="345" class="loopLine"></line><line x1="65" y1="345" x2="685" y2="345" class="loopLine"></line><line x1="65" y1="250" x2="65" y2="345" class="loopLine"></line><polygon points="65,250 115,250 115,263 106.6,270 65,270" class="labelBox"></polygon><text x="72.5" y="265" class="labelText"><tspan x="72.5">loop</tspan></text><text x="375" y="265" class="loopText" style="text-anchor: middle;"><tspan x="375">[ god ]</tspan></text></g><g><text x="75" y="398" class="messageText" style="text-anchor: middle;">filter(God::verified)</text><path d="M 75,405 C 135,395 135,435 75,425" class="messageLine0" stroke-width="2" stroke="black" style="fill: none;"></path></g><g><text x="75" y="463" class="messageText" style="text-anchor: middle;">sort</text><path d="M 75,470 C 135,460 135,500 75,490" class="messageLine0" stroke-width="2" stroke="black" style="fill: none;"></path></g><g><text x="75" y="528" class="messageText" style="text-anchor: middle;">take(3)</text><path d="M 75,535 C 135,525 135,565 75,555" class="messageLine0" stroke-width="2" stroke="black" style="fill: none;"></path></g><g><line x1="-35" y1="355" x2="185" y2="355" class="loopLine"></line><line x1="185" y1="355" x2="185" y2="575" class="loopLine"></line><line x1="-35" y1="575" x2="185" y2="575" class="loopLine"></line><line x1="-35" y1="355" x2="-35" y2="575" class="loopLine"></line><polygon points="-35,355 15,355 15,368 6.6,375 -35,375" class="labelBox"></polygon><text x="-27.5" y="370" class="labelText"><tspan x="-27.5">loop</tspan></text><text x="75" y="370" class="loopText" style="text-anchor: middle;"><tspan x="75">[ Stream     ]</tspan></text></g><g><rect x="0" y="595" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="75" y="627.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="75" dy="0">Consumer</tspan></text></g><g><rect x="200" y="595" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="275" y="627.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="275" dy="0">Indian</tspan></text></g><g><rect x="400" y="595" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="475" y="627.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="475" dy="0">Mahabharata</tspan></text></g><g><rect x="600" y="595" fill="#eaeaea" stroke="#666" width="150" height="65" rx="3" ry="3" class="actor"></rect><text x="675" y="627.5" dominant-baseline="central" alignment-baseline="central" class="actor" style="text-anchor: middle; font-size: 14px; font-family: Open-Sans, sans-serif;"><tspan x="675" dy="0">Wikipedia</tspan></text></g></svg>