docs/images/comments_to_code.svg

<svg id="mermaid-1572116496706" width="288" xmlns="http://www.w3.org/2000/svg" height="703" viewBox="0 0 288 703"><style>


#mermaid-1572116496706 .label {
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family);
  color: #333; }

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

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

#mermaid-1572116496706 .node .label {
  text-align: center; }

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

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

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

#mermaid-1572116496706 .edgeLabel {
  background-color: #e8e8e8;
  text-align: center; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


#mermaid-1572116496706 .mermaid-main-font {
  font-family: "trebuchet ms", verdana, arial;
  font-family: var(--mermaid-font-family); }

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

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

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

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

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

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

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

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

#mermaid-1572116496706 .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }


#mermaid-1572116496706 .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges; }
#mermaid-1572116496706   .grid .tick text {
    font-family: 'trebuchet ms', verdana, arial;
    font-family: var(--mermaid-font-family); }

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


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


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

#mermaid-1572116496706 .taskText {
  text-anchor: middle;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 .taskText:not([font-size]) {
  font-size: 11px; }

#mermaid-1572116496706 .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

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


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

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

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

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


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

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

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

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


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

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


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

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


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

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

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

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

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

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

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

#mermaid-1572116496706 .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 g.classGroup text {
  fill: #9370DB;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family);
  font-size: 10px; }
#mermaid-1572116496706   g.classGroup text .title {
    font-weight: bolder; }

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

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

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

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

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

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

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

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

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

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

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

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

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

#mermaid-1572116496706 .commit-id,
#mermaid-1572116496706 .commit-msg,
#mermaid-1572116496706 .branch-label {
  fill: lightgrey;
  color: lightgrey;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 .pieTitleText {
  text-anchor: middle;
  font-size: 25px;
  fill: black;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 .slice {
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 g.stateGroup text {
  fill: #9370DB;
  stroke: none;
  font-size: 10px;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

#mermaid-1572116496706 g.stateGroup text {
  fill: #9370DB;
  stroke: none;
  font-size: 10px; }

#mermaid-1572116496706 g.stateGroup .state-title {
  font-weight: bolder;
  fill: black; }

#mermaid-1572116496706 g.stateGroup rect {
  fill: #ECECFF;
  stroke: #9370DB; }

#mermaid-1572116496706 g.stateGroup line {
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1572116496706 .transition {
  stroke: #9370DB;
  stroke-width: 1;
  fill: none; }

#mermaid-1572116496706 .stateGroup .composit {
  fill: white;
  border-bottom: 1px; }

#mermaid-1572116496706 .state-note {
  stroke: #aaaa33;
  fill: #fff5ad; }
#mermaid-1572116496706   .state-note text {
    fill: black;
    stroke: none;
    font-size: 10px; }

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

#mermaid-1572116496706 .stateLabel text {
  fill: black;
  font-size: 10px;
  font-weight: bold;
  font-family: 'trebuchet ms', verdana, arial;
  font-family: var(--mermaid-font-family); }

:root {
  --mermaid-font-family: '"trebuchet ms", verdana, arial';
  --mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive; }

#mermaid-1572116496706 .label foreignObject { font-size: 14px; }
:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}</style><style>#mermaid-1572116496706 {
    color: rgba(0, 0, 0, 0.65);
    font: ;
  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"><g class="cluster" id="s35551a739c7d12be0fed88e1d92a296c" style="opacity: 1;" transform="translate(156,570.5)"><rect style="fill:#fff4de;stroke:#cece71;" width="272" height="273" x="-136" y="-136.5"></rect><g class="label" transform="translate(0, -122.5)" id="mermaid-1572116496706Text"><g transform="translate(-91,-10.5)"><foreignObject width="182" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">lines_of_code_to_comments</div></foreignObject></g></g></g><g class="cluster" id="b121cc70dccc771127b429709d55d6d5" style="opacity: 1;" transform="translate(156,247.5)"><rect style="fill:#fff4de;stroke:#cece71;" width="269" height="273" x="-134.5" y="-136.5"></rect><g class="label" transform="translate(0, -122.5)" id="mermaid-1572116496706Text"><g transform="translate(-89.5,-10.5)"><foreignObject width="179" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">lines_of_code_by_language</div></foreignObject></g></g></g></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,177L156,202L156,227" marker-end="url(#arrowhead307)" style="fill:none"></path><defs><marker id="arrowhead307" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,268L156,293L156,318" marker-end="url(#arrowhead308)" style="fill:none"></path><defs><marker id="arrowhead308" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,500L156,525L156,550" marker-end="url(#arrowhead309)" style="fill:none"></path><defs><marker id="arrowhead309" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,591L156,616L156,641" marker-end="url(#arrowhead310)" style="fill:none"></path><defs><marker id="arrowhead310" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,61L156,86L156,111L156,136" marker-end="url(#arrowhead311)" style="fill:none"></path><defs><marker id="arrowhead311" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M156,359L156,384L156,409L156,434L156,459" marker-end="url(#arrowhead312)" style="fill:none"></path><defs><marker id="arrowhead312" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1px; stroke-dasharray: 1px, 0px;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node" style="opacity: 1;" id="b6e1f853d077365deddea22b2fdb890d" transform="translate(156,570.5)"><rect rx="0" ry="0" x="-101" y="-20.5" width="202" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-91,-10.5)"><foreignObject width="182" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">lines_of_code_to_comments</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="s669759049f3ac6927280566ef45cf980" transform="translate(156,479.5)"><rect rx="5" ry="5" x="-27.5" y="-20.5" width="55" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-17.5,-10.5)"><foreignObject width="35" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">langs</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="s850cdec03e4988f119a67899cbc5f311" transform="translate(156,661.5)"><rect rx="5" ry="5" x="-89" y="-20.5" width="178" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-79,-10.5)"><foreignObject width="158" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">code_to_comment_ratio</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="ef6d613ca7855a13865933156c79ddea" transform="translate(156,247.5)"><rect rx="0" ry="0" x="-99.5" y="-20.5" width="199" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-89.5,-10.5)"><foreignObject width="179" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">lines_of_code_by_language</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="s0b781c240b2945323081606938fdf136" transform="translate(156,156.5)"><rect rx="5" ry="5" x="-26" y="-20.5" width="52" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-16,-10.5)"><foreignObject width="32" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">repo</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="e51defd3debc1237bf64e6ae611595f7" transform="translate(156,338.5)"><rect rx="5" ry="5" x="-71" y="-20.5" width="142" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-61,-10.5)"><foreignObject width="122" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">lines_by_language</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="s9f3804d703962c110e2cfbcc1708fcf7" transform="translate(156,40.5)"><rect rx="5" ry="5" x="-101.5" y="-20.5" width="203" height="41" style="fill:#f6dbf9;stroke:#a178ca;"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-91.5,-10.5)"><foreignObject width="183" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">git_repository_checked_out</div></foreignObject></g></g></g></g></g></g></svg>