chart-svg-0.8.3.2: other/quad.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="455" height="300" viewBox="-0.7700 -0.5 1.5200 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;
}

</style><g class="chart"><g class="quad"><g stroke-width="0.0100" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(66%, 7%, 55%)" fill-opacity="0.2"><path d="M -0.6047,-0.0059 Q 0.2201,0.3824 -0.1923,-0.3942"/></g><g stroke-width="0.0020" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="none"><polyline points="-0.6047,-0.0059 -0.5883,0.0017 -0.5722,0.0091 -0.5563,0.0163 -0.5407,0.0233 -0.5253,0.0300 -0.5102,0.0365 -0.4953,0.0427 -0.4806,0.0488 -0.4663,0.0545 -0.4521,0.0601 -0.4382,0.0654 -0.4246,0.0705 -0.4112,0.0754 -0.3980,0.0800 -0.3851,0.0844 -0.3724,0.0885 -0.3600,0.0924 -0.3479,0.0961 -0.3359,0.0996 -0.3243,0.1028 -0.3128,0.1058 -0.3017,0.1085 -0.2907,0.1111 -0.2801,0.1134 -0.2696,0.1154 -0.2594,0.1172 -0.2495,0.1188 -0.2398,0.1202 -0.2304,0.1213 -0.2212,0.1222 -0.2122,0.1229 -0.2035,0.1233 -0.1951,0.1235 -0.1869,0.1235 -0.1789,0.1232 -0.1712,0.1227 -0.1637,0.1219 -0.1565,0.1210 -0.1495,0.1198 -0.1428,0.1183 -0.1364,0.1167 -0.1301,0.1148 -0.1241,0.1126 -0.1184,0.1103 -0.1129,0.1077 -0.1077,0.1048 -0.1027,0.1018 -0.0980,0.0985 -0.0935,0.0949 -0.0892,0.0912 -0.0852,0.0872 -0.0815,0.0829 -0.0780,0.0785 -0.0747,0.0738 -0.0717,0.0688 -0.0689,0.0637 -0.0664,0.0583 -0.0641,0.0526 -0.0621,0.0468 -0.0604,0.0407 -0.0588,0.0343 -0.0575,0.0278 -0.0565,0.0210 -0.0557,0.0140 -0.0552,0.0067 -0.0549,-0.0008 -0.0549,-0.0085 -0.0551,-0.0165 -0.0555,-0.0247 -0.0562,-0.0331 -0.0572,-0.0418 -0.0584,-0.0507 -0.0598,-0.0598 -0.0615,-0.0691 -0.0634,-0.0787 -0.0656,-0.0886 -0.0681,-0.0986 -0.0707,-0.1089 -0.0737,-0.1194 -0.0768,-0.1302 -0.0803,-0.1412 -0.0839,-0.1524 -0.0879,-0.1638 -0.0920,-0.1755 -0.0964,-0.1875 -0.1011,-0.1996 -0.1060,-0.2120 -0.1112,-0.2246 -0.1166,-0.2375 -0.1222,-0.2505 -0.1281,-0.2639 -0.1342,-0.2774 -0.1406,-0.2912 -0.1473,-0.3052 -0.1542,-0.3195 -0.1613,-0.3340 -0.1687,-0.3487 -0.1763,-0.3636 -0.1842,-0.3788 -0.1923,-0.3942"/></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.6197" y="-0.0209"/><rect width="0.0300" height="0.0300" x="-0.2073" y="-0.4092"/></g><g stroke-width="0.0030" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><circle cx="0.2201" cy="0.3824" r="0.0150"/></g><g stroke-width="0.0020" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.05"><rect width="0.5498" height="0.5177" x="-0.6047" y="-0.3942"/></g></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="0.8432" height="0.8026" x="-0.6139" y="-0.4072"/></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.8270" height="0.0032" x="-0.6058" y="0.3903"/></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.6047,0.3824 -0.6047,-0.3942"/><polyline points="-0.3985,0.3824 -0.3985,-0.3942"/><polyline points="-0.1923,0.3824 -0.1923,-0.3942"/><polyline points="0.0139,0.3824 0.0139,-0.3942"/><polyline points="0.2201,0.3824 0.2201,-0.3942"/></g></g><g class="tickglyph"><g stroke-width="0.0032" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><polyline points="-0.6047,0.4155
-0.6047,0.3919"/><polyline points="-0.3985,0.4155
-0.3985,0.3919"/><polyline points="-0.1923,0.4155
-0.1923,0.3919"/><polyline points="0.0139,0.4155
0.0139,0.3919"/><polyline points="0.2201,0.4155
0.2201,0.3919"/></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.6047" y="0.4590">0.0</text><text x="-0.3985" y="0.4590">0.5</text><text x="-0.1923" y="0.4590">1.0</text><text x="0.0139" y="0.4590">1.5</text><text x="0.2201" y="0.4590">2.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.0022" height="0.7798" x="-0.6125" y="-0.3958"/></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.6047,0.3824 0.2201,0.3824"/><polyline points="-0.6047,0.1882 0.2201,0.1882"/><polyline points="-0.6047,-0.0059 0.2201,-0.0059"/><polyline points="-0.6047,-0.2001 0.2201,-0.2001"/><polyline points="-0.6047,-0.3942 0.2201,-0.3942"/></g></g><g class="tickglyph"><g stroke-width="0.0022" stroke="rgb(5%, 5%, 5%)" stroke-opacity="0.4" fill="rgb(5%, 5%, 5%)" fill-opacity="0.4"><polyline points="-0.6282,0.3824
-0.6114,0.3824"/><polyline points="-0.6282,0.1882
-0.6114,0.1882"/><polyline points="-0.6282,-0.0059
-0.6114,-0.0059"/><polyline points="-0.6282,-0.2001
-0.6114,-0.2001"/><polyline points="-0.6282,-0.3942
-0.6114,-0.3942"/></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.6740" y="0.3911">-1.0</text><text x="-0.6740" y="0.1969">-0.5</text><text x="-0.6740" y="0.0028"> 0.0</text><text x="-0.6740" y="-0.1914"> 0.5</text><text x="-0.6740" y="-0.3855"> 1.0</text></g></g></g></g><g class="legend"><g class="padding"></g><g class="padding"></g><g class="frame"><g stroke-width="0.0007" stroke="rgb(5%, 5%, 5%)" stroke-opacity="1.0" fill="rgb(5%, 5%, 5%)" fill-opacity="0"><rect width="0.4369" height="0.3842" x="0.2880" y="-0.1980"/></g></g><g class="legendContent"><g stroke-width="0.0014" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.05"><rect width="0.0279" height="0.0395" x="0.6464" y="0.1250"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0279" text-anchor="start"><text x="0.3019" y="0.1546">Bounding Box</text></g><g stroke-width="0.0004" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><circle cx="0.6599" cy="0.0816" r="0.0140"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0279" text-anchor="start"><text x="0.3019" y="0.0914">Path Control Point</text></g><g stroke-width="0.0004" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="rgb(2%, 73%, 80%)" fill-opacity="0.2"><rect width="0.0279" height="0.0279" x="0.6459" y="0.0044"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0279" text-anchor="start"><text x="0.3019" y="0.0283">Path Endpoints</text></g><g stroke-width="0.0011" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" fill="none"><polyline points="0.6462,-0.0447 0.7021,-0.0447"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0279" text-anchor="start"><text x="0.3019" y="-0.0349">Path Chord</text></g><g stroke-width="0.0279" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" fill="rgb(66%, 7%, 55%)" fill-opacity="0.2"><path d="M 0.6596,-0.1191 Q 0.7155,-0.0796 0.6876,-0.1585"/></g><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0279" text-anchor="start"><text x="0.3019" y="-0.1224">Path Fill</text></g></g></g><g class="title"><g stroke-width="0.0" stroke="none" fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0300" text-anchor="middle"><text x="0" y="-0.4495">QuadPosition (Point 0 0) (Point 1 1) (Point 2 (-1))</text></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.5" height="1.0" x="-0.75" y="-0.5"/></g></g></g></svg>