other/path.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="390" height="300" viewBox="-0.6369 -0.5 1.3025 1.0"><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%);
  }
}
svg { font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

ticktext { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}


{
  .pathtext g {
    fill: rgb(5%, 5%, 5%);
  }
}
@media (prefers-color-scheme:dark) {
  .pathtext g {
    fill: rgb(94%, 94%, 94%);
  }
}
</style><g class="chart"><g class="path"><g stroke-width="0.0100" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.1"><path d="M -0.1205,0.3635 L 0.4216,0.3635 C -0.0121,0.3635 0.0150,-0.1786 0.4216,-0.1786 Q -0.6627,-0.7207 -0.1205,-0.1786 A 0.5421 0.5421 30.0 0 0 -0.1205,0.3635"/></g><g stroke-width="0.0030" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><rect width="0.0300" height="0.0300" x="-0.1355" y="0.3485"/><rect width="0.0300" height="0.0300" x="0.4066" y="0.3485"/><rect width="0.0300" height="0.0300" x="0.4066" y="-0.1936"/><rect width="0.0300" height="0.0300" x="-0.1355" y="-0.1936"/><rect width="0.0300" height="0.0300" x="-0.1355" y="0.3485"/></g></g><g class="pathtext"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0250" text-anchor="middle"><text x="-0.3103" y="0.3364">StartP (Point 0 0)</text><text x="0.1505" y="0.3364">LineP (Point 1 0)</text><text x="0.3131" y="0.0924">CubicP (Point 0.2 0) (Point 0.25 1) (Point 1 1)</text><text x="0.0963" y="-0.2328">QuadP (Point (-1) 2) (Point 0 1)</text><text x="-0.1205" y="0.1466">ArcP (ArcInfo (Point 1 1) (-pi / 6) False False) (Point 0 0)</text></g></g><g class="datapadding"></g></g><g class="hud"><g class="frame"><g stroke-width="0" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(100%, 100%, 100%)" fill-opacity="0.02"><rect width="1.0956" height="0.8309" x="-0.4917" y="-0.4538"/></g></g><g class="axis"><g class="axisbar"><g stroke-width="0" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><rect width="0.7623" height="0.0033" x="-0.3390" y="0.3853"/></g></g><g class="ticks"><g class="ticklines"><g stroke-width="0.0050" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.05" fill="none"><polyline points="-0.3374,0.3635 -0.3374,-0.4497"/><polyline points="-0.2290,0.3635 -0.2290,-0.4497"/><polyline points="-0.1205,0.3635 -0.1205,-0.4497"/><polyline points="-0.0121,0.3635 -0.0121,-0.4497"/><polyline points="0.0963,0.3635 0.0963,-0.4497"/><polyline points="0.2047,0.3635 0.2047,-0.4497"/><polyline points="0.3131,0.3635 0.3131,-0.4497"/><polyline points="0.4216,0.3635 0.4216,-0.4497"/></g></g><g class="tickglyph"><g stroke-width="0.0033" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><polyline points="-0.3374,0.4117
-0.3374,0.3870"/><polyline points="-0.2290,0.4117
-0.2290,0.3870"/><polyline points="-0.1205,0.4117
-0.1205,0.3870"/><polyline points="-0.0121,0.4117
-0.0121,0.3870"/><polyline points="0.0963,0.4117
0.0963,0.3870"/><polyline points="0.2047,0.4117
0.2047,0.3870"/><polyline points="0.3131,0.4117
0.3131,0.3870"/><polyline points="0.4216,0.4117
0.4216,0.3870"/></g></g><g class="ticktext"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0400" text-anchor="middle"><text x="-0.3374" y="0.4571">-0.4</text><text x="-0.2290" y="0.4571">-0.2</text><text x="-0.1205" y="0.4571"> 0.0</text><text x="-0.0121" y="0.4571"> 0.2</text><text x="0.0963" y="0.4571"> 0.4</text><text x="0.2047" y="0.4571"> 0.6</text><text x="0.3131" y="0.4571"> 0.8</text><text x="0.4216" y="0.4571"> 1.0</text></g></g></g></g><g class="axis"><g class="axisbar"><g stroke-width="0" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><rect width="0.0033" height="0.8165" x="-0.5033" y="-0.4513"/></g></g><g class="ticks"><g class="ticklines"><g stroke-width="0.0050" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.05" fill="none"><polyline points="-0.3374,0.3635 0.4216,0.3635"/><polyline points="-0.3374,0.0924 0.4216,0.0924"/><polyline points="-0.3374,-0.1786 0.4216,-0.1786"/><polyline points="-0.3374,-0.4497 0.4216,-0.4497"/></g></g><g class="tickglyph"><g stroke-width="0.0033" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><polyline points="-0.5264,0.3635
-0.5016,0.3635"/><polyline points="-0.5264,0.0924
-0.5016,0.0924"/><polyline points="-0.5264,-0.1786
-0.5016,-0.1786"/><polyline points="-0.5264,-0.4497
-0.5016,-0.4497"/></g></g><g class="ticktext"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0400" text-anchor="end"><text x="-0.5445" y="0.3726">0.0</text><text x="-0.5445" y="0.1015">0.5</text><text x="-0.5445" y="-0.1696">1.0</text><text x="-0.5445" y="-0.4406">2.0</text></g></g></g></g><g class="frame"><g stroke-width="0" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(0%, 0%, 0%)" fill-opacity="0"><rect width="1.2738" height="1.0" x="-0.6369" y="-0.5"/></g></g></g></svg>