docs/images/readme_quickstart.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="plt-container" width="600.0" height="400.0">
  <style type="text/css">
  .plt-container {
   font-family: Lucida Grande, sans-serif;
   user-select: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
}
text {
   text-rendering: optimizeLegibility;
}
#p40EiVY .plot-title {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 16.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .plot-subtitle {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 15.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .plot-caption {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .legend-title {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 15.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .legend-item {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .axis-title-x {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 15.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .axis-text-x {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#dYq5Fqk .axis-tooltip-text-x {
   fill: #ffffff;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .axis-title-y {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 15.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .axis-text-y {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#dYq5Fqk .axis-tooltip-text-y {
   fill: #ffffff;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .facet-strip-text-x {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#p40EiVY .facet-strip-text-y {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#dYq5Fqk .tooltip-text {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: normal;
   font-style: normal;   
}
#dYq5Fqk .tooltip-title {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: bold;
   font-style: normal;   
}
#dYq5Fqk .tooltip-label {
   fill: #474747;
   font-family: Lucida Grande, sans-serif;
   font-size: 13.0px;
   font-weight: bold;
   font-style: normal;   
}

  </style>
  <g id="p40EiVY">
    <path fill-rule="evenodd" fill="rgb(255,255,255)" fill-opacity="1.0" d="M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z">
    </path>
    <g transform="translate(23.0 10.0 ) ">
      <g transform="translate(13.980605455468202 344.0 ) ">
        <line x1="108.92806256180171" y1="-0.0" x2="108.92806256180171" y2="-344.0" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="276.50969727226584" y1="-0.0" x2="276.50969727226584" y2="-344.0" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="444.09133198273" y1="-0.0" x2="444.09133198273" y2="-344.0" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <g transform="translate(108.92806256180171 0.0 ) ">
          <line stroke-width="1.0" stroke="rgb(71,71,71)" stroke-opacity="1.0" x2="0.0" y2="4.0">
          </line>
          <g transform="translate(0.0 7.0 ) ">
            <text class="axis-text-x" text-anchor="middle" dy="0.7em">
            first
            </text>
          </g>
        </g>
        <g transform="translate(276.50969727226584 0.0 ) ">
          <line stroke-width="1.0" stroke="rgb(71,71,71)" stroke-opacity="1.0" x2="0.0" y2="4.0">
          </line>
          <g transform="translate(0.0 7.0 ) ">
            <text class="axis-text-x" text-anchor="middle" dy="0.7em">
            second
            </text>
          </g>
        </g>
        <g transform="translate(444.09133198273 0.0 ) ">
          <line stroke-width="1.0" stroke="rgb(71,71,71)" stroke-opacity="1.0" x2="0.0" y2="4.0">
          </line>
          <g transform="translate(0.0 7.0 ) ">
            <text class="axis-text-x" text-anchor="middle" dy="0.7em">
            third
            </text>
          </g>
        </g>
        <line x1="0.0" y1="0.0" x2="553.0193945445318" y2="0.0" stroke-width="1.0" stroke="rgb(71,71,71)" stroke-opacity="1.0">
        </line>
      </g>
      <g transform="translate(13.980605455468202 0.0 ) ">
        <line x1="0.0" y1="297.19727891156464" x2="553.0193945445318" y2="297.19727891156464" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="250.39455782312925" x2="553.0193945445318" y2="250.39455782312925" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="203.59183673469386" x2="553.0193945445318" y2="203.59183673469386" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="156.7891156462585" x2="553.0193945445318" y2="156.7891156462585" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="109.98639455782313" x2="553.0193945445318" y2="109.98639455782313" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="63.18367346938771" x2="553.0193945445318" y2="63.18367346938771" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <line x1="0.0" y1="16.38095238095235" x2="553.0193945445318" y2="16.38095238095235" stroke="rgb(233,233,233)" stroke-opacity="1.0" stroke-width="1.0">
        </line>
        <g transform="translate(0.0 344.0 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            0
            </text>
          </g>
        </g>
        <g transform="translate(0.0 297.19727891156464 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            1
            </text>
          </g>
        </g>
        <g transform="translate(0.0 250.39455782312925 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            2
            </text>
          </g>
        </g>
        <g transform="translate(0.0 203.59183673469386 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            3
            </text>
          </g>
        </g>
        <g transform="translate(0.0 156.7891156462585 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            4
            </text>
          </g>
        </g>
        <g transform="translate(0.0 109.98639455782313 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            5
            </text>
          </g>
        </g>
        <g transform="translate(0.0 63.18367346938771 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            6
            </text>
          </g>
        </g>
        <g transform="translate(0.0 16.38095238095235 ) ">
          <g transform="translate(-3.0 0.0 ) ">
            <text class="axis-text-y" text-anchor="end" dy="0.35em">
            7
            </text>
          </g>
        </g>
      </g>
      <g transform="translate(13.980605455468202 0.0 ) " clip-path="url(#cqkTuv7)" clip-bounds-jfx="[rect (0.0, 0.0), (553.0193945445318, 344.0)]">
        <defs>
          <clipPath id="cqkTuv7">
            <rect x="0.0" y="0.0" width="553.0193945445318" height="344.0">
            </rect>
          </clipPath>
        </defs>
        <rect x="368.6795963630212" y="109.98639455782313" height="234.01360544217687" width="150.82347123941776" stroke="rgb(255,255,255)" stroke-opacity="1.0" fill="rgb(17,142,216)" fill-opacity="1.0" stroke-width="1.6500000000000001">
        </rect>
        <rect x="201.097961652557" y="203.59183673469386" height="140.40816326530614" width="150.82347123941776" stroke="rgb(255,255,255)" stroke-opacity="1.0" fill="rgb(17,142,216)" fill-opacity="1.0" stroke-width="1.6500000000000001">
        </rect>
        <rect x="33.51632694209283" y="16.38095238095235" height="327.61904761904765" width="150.82347123941776" stroke="rgb(255,255,255)" stroke-opacity="1.0" fill="rgb(17,142,216)" fill-opacity="1.0" stroke-width="1.6500000000000001">
        </rect>
      </g>
    </g>
    <g transform="translate(14.5 182.0 ) rotate(-90.0 ) ">
      <text class="axis-title-y" y="0.0" text-anchor="middle">
      y
      </text>
    </g>
    <g transform="translate(313.4903027277341 391.5 ) ">
      <text class="axis-title-x" y="0.0" text-anchor="middle">
      x
      </text>
    </g>
    <path fill="rgb(0,0,0)" fill-opacity="0.0" stroke="rgb(71,71,71)" stroke-opacity="1.0" stroke-width="0.0" d="M0.0 0.0 L0.0 400.0 L600.0 400.0 L600.0 0.0 Z">
    </path>
  </g>
  <g id="dYq5Fqk">
  </g>
</svg>