img/sample2.svg

<svg id="mermaid-1549800275667" width="100%" xmlns="http://www.w3.org/2000/svg" height="100%" viewBox="0 0 720 652"><style>


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

#mermaid-1549800275667 .node rect,
#mermaid-1549800275667 .node circle,
#mermaid-1549800275667 .node ellipse,
#mermaid-1549800275667 .node polygon {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1px; }

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

#mermaid-1549800275667 .arrowheadPath {
  fill: #333333; }

#mermaid-1549800275667 .edgePath .path {
  stroke: #333333;
  stroke-width: 1.5px; }

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

#mermaid-1549800275667 .cluster rect {
  fill: #ffffde !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important; }

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

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

#mermaid-1549800275667 .actor {
  stroke: #CCCCFF;
  fill: #ECECFF; }

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

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

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

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

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

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

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

#mermaid-1549800275667 .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF; }

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

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

#mermaid-1549800275667 .loopLine {
  stroke-width: 2;
  stroke-dasharray: '2 2';
  stroke: #CCCCFF; }

#mermaid-1549800275667 .note {
  stroke: #aaaa33;
  fill: #fff5ad; }

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

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

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

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


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

#mermaid-1549800275667 .section0 {
  fill: rgba(102, 102, 255, 0.49); }

#mermaid-1549800275667 .section2 {
  fill: #fff400; }

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

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

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

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

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

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


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

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


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


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

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

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

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


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

#mermaid-1549800275667 .task0,
#mermaid-1549800275667 .task1,
#mermaid-1549800275667 .task2,
#mermaid-1549800275667 .task3 {
  fill: #8a90dd;
  stroke: #534fbc; }

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

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


#mermaid-1549800275667 .active0,
#mermaid-1549800275667 .active1,
#mermaid-1549800275667 .active2,
#mermaid-1549800275667 .active3 {
  fill: #bfc7ff;
  stroke: #534fbc; }

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


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

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


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

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

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

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

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

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

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

#mermaid-1549800275667 g.classGroup rect {
  fill: #ECECFF;
  stroke: #9370DB; }

#mermaid-1549800275667 g.classGroup line {
  stroke: #9370DB;
  stroke-width: 1; }

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

#mermaid-1549800275667 .classLabel .label {
  fill: #9370DB;
  font-size: 10px; }

#mermaid-1549800275667 .relation {
  stroke: #9370DB;
  stroke-width: 1;
  fill: none; }

#mermaid-1549800275667 #compositionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #compositionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #aggregationStart {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #aggregationEnd {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #dependencyStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #dependencyEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #extensionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 #extensionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1549800275667 .commit-id,
#mermaid-1549800275667 .commit-msg,
#mermaid-1549800275667 .branch-label {
  fill: lightgrey;
  color: lightgrey; }
</style><style>#mermaid-1549800275667 {
    color: rgba(0, 0, 0, 0.65);
    font: ;
  }</style><g></g><g class="grid" transform="translate(75, 602)" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="currentColor" d="M0.5,-567V0.5H570.5V-567"></path><g class="tick" opacity="1" transform="translate(34.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-06-01</text></g><g class="tick" opacity="1" transform="translate(98.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-07-01</text></g><g class="tick" opacity="1" transform="translate(164.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-08-01</text></g><g class="tick" opacity="1" transform="translate(231.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-09-01</text></g><g class="tick" opacity="1" transform="translate(295.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-10-01</text></g><g class="tick" opacity="1" transform="translate(361.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-11-01</text></g><g class="tick" opacity="1" transform="translate(425.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2018-12-01</text></g><g class="tick" opacity="1" transform="translate(491.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2019-01-01</text></g><g class="tick" opacity="1" transform="translate(557.5,0)"><line stroke="currentColor" y2="-567"></line><text fill="#000" y="3" dy="1em" stroke="none" font-size="10" style="text-anchor: middle;">2019-02-01</text></g></g><g><rect x="0" y="48" width="682.5" height="24" class="section section0"></rect><rect x="0" y="72" width="682.5" height="24" class="section section0"></rect><rect x="0" y="96" width="682.5" height="24" class="section section0"></rect><rect x="0" y="120" width="682.5" height="24" class="section section0"></rect><rect x="0" y="144" width="682.5" height="24" class="section section0"></rect><rect x="0" y="168" width="682.5" height="24" class="section section0"></rect><rect x="0" y="192" width="682.5" height="24" class="section section0"></rect><rect x="0" y="216" width="682.5" height="24" class="section section0"></rect><rect x="0" y="240" width="682.5" height="24" class="section section0"></rect><rect x="0" y="264" width="682.5" height="24" class="section section0"></rect><rect x="0" y="288" width="682.5" height="24" class="section section0"></rect><rect x="0" y="312" width="682.5" height="24" class="section section0"></rect><rect x="0" y="336" width="682.5" height="24" class="section section0"></rect><rect x="0" y="360" width="682.5" height="24" class="section section0"></rect><rect x="0" y="384" width="682.5" height="24" class="section section0"></rect><rect x="0" y="408" width="682.5" height="24" class="section section1"></rect><rect x="0" y="432" width="682.5" height="24" class="section section1"></rect><rect x="0" y="456" width="682.5" height="24" class="section section1"></rect><rect x="0" y="480" width="682.5" height="24" class="section section1"></rect><rect x="0" y="504" width="682.5" height="24" class="section section1"></rect><rect x="0" y="528" width="682.5" height="24" class="section section1"></rect><rect x="0" y="552" width="682.5" height="24" class="section section1"></rect><rect x="0" y="576" width="682.5" height="24" class="section section1"></rect></g><g><rect rx="3" ry="3" x="75" y="50" width="15" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="103" y="74" width="19" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="139" y="98" width="17" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="167" y="122" width="4" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="171" y="146" width="9" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="184" y="170" width="21" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="220" y="194" width="54" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="310" y="218" width="47" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="387" y="242" width="8" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="408" y="266" width="34" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="464" y="290" width="12" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="498" y="314" width="6" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="579" y="338" width="4" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="617" y="362" width="9" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="632" y="386" width="9" height="20" class="task  task0"></rect><rect rx="3" ry="3" x="355" y="410" width="4" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="363" y="434" width="4" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="378" y="458" width="15" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="408" y="482" width="11" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="481" y="506" width="10" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="498" y="530" width="23" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="579" y="554" width="34" height="20" class="task  task1"></rect><rect rx="3" ry="3" x="628" y="578" width="17" height="20" class="task  task1"></rect><text font-size="11" x="95" y="63.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="127" y="87.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="161" y="111.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="176" y="135.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="185" y="159.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="210" y="183.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="279" y="207.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="362" y="231.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="400" y="255.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="447" y="279.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="481" y="303.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="509" y="327.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="588" y="351.5" text-height="20" class="taskTextOutsideRight taskTextOutside0 ">Development</text><text font-size="11" x="612" y="375.5" text-height="20" class="taskTextOutsideLeft taskTextOutside0 ">Development</text><text font-size="11" x="627" y="399.5" text-height="20" class="taskTextOutsideLeft taskTextOutside0 ">Development</text><text font-size="11" x="364" y="423.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="372" y="447.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="398" y="471.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="424" y="495.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="496" y="519.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="526" y="543.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="618" y="567.5" text-height="20" class="taskTextOutsideRight taskTextOutside1 ">Development</text><text font-size="11" x="623" y="591.5" text-height="20" class="taskTextOutsideLeft taskTextOutside1 ">Development</text></g><g><text x="10" y="230" class="sectionTitle sectionTitle0">repo1</text><text x="10" y="506" class="sectionTitle sectionTitle1">repo2</text></g><g class="today"><line x1="652" x2="652" y1="25" y2="627" class="today"></line></g><text x="360" y="25" class="titleText">git2gantt output</text></svg>