chart-svg-0.4.0: other/usage.svg

<svg height="300" viewBox="-0.75 -0.5 1.5000 1.0" width="449" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>svg {
  color-scheme: light dark;
}
{
  .canvas g, .title g, .axisbar g, .ticktext g, .tickglyph g, .ticklines g, .legendContent g text {
    fill: rgb(5%, 5%, 5%);
  }
  .ticklines g, .tickglyph g, .legendBorder g {
    stroke: rgb(5%, 5%, 5%);
  }
  .legendBorder g {
    fill: rgb(94%, 94%, 94%);
  }
}
@media (prefers-color-scheme:dark) {
  .canvas g, .title g, .axisbar g, .ticktext g, .tickglyph g, .ticklines g, .legendContent g text {
    fill: rgb(94%, 94%, 94%);
  }
  .ticklines g, .tickglyph g, .legendBorder g {
    stroke: rgb(94%, 94%, 94%);
  }
  .legendBorder g {
    fill: rgb(5%, 5%, 5%);
  }
}</style><g class="chart"><g class="line"><g fill="none" stroke="rgb(2%, 73%, 80%)" stroke-opacity="1.0" stroke-width="0.0150"><polyline points="-0.5953,0.2087 -0.1679,0.2087 0.2595,-0.4458"/></g><g fill="none" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0150"><polyline points="-0.5953,0.3724 0.6015,-0.1185"/></g><g fill="none" stroke="rgb(66%, 7%, 55%)" stroke-opacity="1.0" stroke-width="0.0150"><polyline points="-0.3816,-0.2822 -0.3816,0.3724"/></g></g></g><g class="hud"><g class="frame"><g fill="rgb(100%, 100%, 100%)" fill-opacity="0.02" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0"><rect height="0.8304" width="1.2886" x="-0.6017" y="-0.4519"/></g></g><g class="axis"><g class="ticks"><g class="tickglyph"><g fill="rgb(5%, 5%, 5%)" fill-opacity="0.4" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" stroke-width="0.0040"><g transform="rotate(-90.0, -0.6273, 0.3724)"><polyline points="-0.6273,0.3874
-0.6273,0.3574"/></g><g transform="rotate(-90.0, -0.6273, 0.2906)"><polyline points="-0.6273,0.3056
-0.6273,0.2756"/></g><g transform="rotate(-90.0, -0.6273, 0.2087)"><polyline points="-0.6273,0.2237
-0.6273,0.1937"/></g><g transform="rotate(-90.0, -0.6273, 0.1269)"><polyline points="-0.6273,0.1419
-0.6273,0.1119"/></g><g transform="rotate(-90.0, -0.6273, 0.0451)"><polyline points="-0.6273,0.0601
-0.6273,0.0301"/></g><g transform="rotate(-90.0, -0.6273, -0.0367)"><polyline points="-0.6273,-0.0217
-0.6273,-0.0517"/></g><g transform="rotate(-90.0, -0.6273, -0.1185)"><polyline points="-0.6273,-0.1035
-0.6273,-0.1335"/></g><g transform="rotate(-90.0, -0.6273, -0.2003)"><polyline points="-0.6273,-0.1853
-0.6273,-0.2153"/></g><g transform="rotate(-90.0, -0.6273, -0.2822)"><polyline points="-0.6273,-0.2672
-0.6273,-0.2972"/></g><g transform="rotate(-90.0, -0.6273, -0.3640)"><polyline points="-0.6273,-0.3490
-0.6273,-0.3790"/></g><g transform="rotate(-90.0, -0.6273, -0.4458)"><polyline points="-0.6273,-0.4308
-0.6273,-0.4608"/></g></g></g><g class="ticktext"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0427" stroke="none" stroke-width="0.0" text-anchor="end"><text x="-0.6581" y="0.3836">0.0</text><text x="-0.6581" y="0.3018">0.5</text><text x="-0.6581" y="0.2200">1.0</text><text x="-0.6581" y="0.1382">1.5</text><text x="-0.6581" y="0.0564">2.0</text><text x="-0.6581" y="-0.0255">2.5</text><text x="-0.6581" y="-0.1073">3.0</text><text x="-0.6581" y="-0.1891">3.5</text><text x="-0.6581" y="-0.2709">4.0</text><text x="-0.6581" y="-0.3527">4.5</text><text x="-0.6581" y="-0.4345">5.0</text></g></g><g class="ticklines"><g fill="none" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.05" stroke-width="0.0050"><polyline points="-0.5953,0.3724 0.6870,0.3724"/><polyline points="-0.5953,0.2906 0.6870,0.2906"/><polyline points="-0.5953,0.2087 0.6870,0.2087"/><polyline points="-0.5953,0.1269 0.6870,0.1269"/><polyline points="-0.5953,0.0451 0.6870,0.0451"/><polyline points="-0.5953,-0.0367 0.6870,-0.0367"/><polyline points="-0.5953,-0.1185 0.6870,-0.1185"/><polyline points="-0.5953,-0.2003 0.6870,-0.2003"/><polyline points="-0.5953,-0.2822 0.6870,-0.2822"/><polyline points="-0.5953,-0.3640 0.6870,-0.3640"/><polyline points="-0.5953,-0.4458 0.6870,-0.4458"/></g></g></g><g class="axisbar"><g fill="rgb(5%, 5%, 5%)" fill-opacity="0.4" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0"><rect height="0.8214" width="0.0034" x="-0.6137" y="-0.4474"/></g></g></g><g class="axis"><g class="ticks"><g class="tickglyph"><g fill="rgb(5%, 5%, 5%)" fill-opacity="0.4" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" stroke-width="0.0040"><polyline points="-0.5953,0.4180
-0.5953,0.3880"/><polyline points="-0.3816,0.4180
-0.3816,0.3880"/><polyline points="-0.1679,0.4180
-0.1679,0.3880"/><polyline points="0.0458,0.4180
0.0458,0.3880"/><polyline points="0.2595,0.4180
0.2595,0.3880"/><polyline points="0.4733,0.4180
0.4733,0.3880"/><polyline points="0.6870,0.4180
0.6870,0.3880"/></g></g><g class="ticktext"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0427" stroke="none" stroke-width="0.0" text-anchor="middle"><text x="-0.5953" y="0.4550">0.0</text><text x="-0.3816" y="0.4550">0.5</text><text x="-0.1679" y="0.4550">1.0</text><text x="0.0458" y="0.4550">1.5</text><text x="0.2595" y="0.4550">2.0</text><text x="0.4733" y="0.4550">2.5</text><text x="0.6870" y="0.4550">3.0</text></g></g><g class="ticklines"><g fill="none" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.05" stroke-width="0.0050"><polyline points="-0.5953,0.3724 -0.5953,-0.4458"/><polyline points="-0.3816,0.3724 -0.3816,-0.4458"/><polyline points="-0.1679,0.3724 -0.1679,-0.4458"/><polyline points="0.0458,0.3724 0.0458,-0.4458"/><polyline points="0.2595,0.3724 0.2595,-0.4458"/><polyline points="0.4733,0.3724 0.4733,-0.4458"/><polyline points="0.6870,0.3724 0.6870,-0.4458"/></g></g></g><g class="axisbar"><g fill="rgb(5%, 5%, 5%)" fill-opacity="0.4" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0"><rect height="0.0033" width="1.2857" x="-0.5970" y="0.3867"/></g></g></g><g class="frame"><g fill="rgb(100%, 100%, 100%)" fill-opacity="0.02" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0"><rect height="1.0" width="1.5000" x="-0.75" y="-0.5"/></g></g></g></svg>