chart-svg-0.4.0: other/quad.svg

<svg height="300" viewBox="-0.75 -0.5 1.5 1.0" width="450" 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="quad"><g fill="rgb(66%, 7%, 55%)" fill-opacity="0.2" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0.0100"><path d="M -0.6211,0.0108 Q 0.2890,0.3786 -0.1660,-0.3571"/></g><g fill="none" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0020"><polyline points="-0.6211,0.0108 -0.6030,0.0180 -0.5852,0.0250 -0.5677,0.0318 -0.5504,0.0384 -0.5335,0.0448 -0.5168,0.0509 -0.5003,0.0569 -0.4842,0.0626 -0.4683,0.0680 -0.4527,0.0733 -0.4374,0.0783 -0.4223,0.0832 -0.4075,0.0878 -0.3930,0.0921 -0.3788,0.0963 -0.3648,0.1002 -0.3511,0.1039 -0.3377,0.1074 -0.3245,0.1107 -0.3116,0.1138 -0.2990,0.1166 -0.2867,0.1192 -0.2746,0.1216 -0.2629,0.1238 -0.2513,0.1257 -0.2401,0.1274 -0.2291,0.1289 -0.2184,0.1302 -0.2080,0.1313 -0.1979,0.1322 -0.1880,0.1328 -0.1784,0.1332 -0.1691,0.1334 -0.1600,0.1333 -0.1512,0.1331 -0.1427,0.1326 -0.1345,0.1319 -0.1265,0.1310 -0.1188,0.1298 -0.1114,0.1285 -0.1043,0.1269 -0.0974,0.1251 -0.0908,0.1231 -0.0845,0.1208 -0.0784,0.1184 -0.0726,0.1157 -0.0671,0.1128 -0.0619,0.1096 -0.0569,0.1063 -0.0523,0.1027 -0.0478,0.0989 -0.0437,0.0949 -0.0398,0.0907 -0.0362,0.0862 -0.0329,0.0816 -0.0299,0.0767 -0.0271,0.0716 -0.0246,0.0662 -0.0224,0.0607 -0.0204,0.0549 -0.0187,0.0489 -0.0173,0.0427 -0.0162,0.0363 -0.0153,0.0296 -0.0147,0.0227 -0.0144,0.0156 -0.0143,0.0083 -0.0146,0.0008 -0.0151,-0.0070 -0.0159,-0.0150 -0.0169,-0.0232 -0.0182,-0.0316 -0.0198,-0.0403 -0.0217,-0.0491 -0.0238,-0.0582 -0.0262,-0.0675 -0.0289,-0.0770 -0.0319,-0.0868 -0.0351,-0.0968 -0.0386,-0.1070 -0.0424,-0.1174 -0.0464,-0.1280 -0.0508,-0.1388 -0.0553,-0.1499 -0.0602,-0.1612 -0.0654,-0.1727 -0.0708,-0.1845 -0.0765,-0.1964 -0.0824,-0.2086 -0.0887,-0.2210 -0.0952,-0.2336 -0.1019,-0.2464 -0.1090,-0.2595 -0.1163,-0.2728 -0.1239,-0.2863 -0.1318,-0.3000 -0.1399,-0.3139 -0.1484,-0.3281 -0.1571,-0.3425 -0.1660,-0.3571"/></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.2" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0030"><rect height="0.0300" width="0.0300" x="-0.6361" y="-0.0042"/><rect height="0.0300" width="0.0300" x="-0.1810" y="-0.3721"/></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.2" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0030"><circle cx="0.2890" cy="0.3786" r="0.0150"/></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.05" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" stroke-width="0.0020"><rect height="0.4905" width="0.6067" x="-0.6211" y="-0.3571"/></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.7600" width="0.9301" x="-0.6311" y="-0.3692"/></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.6493, 0.3786)"><polyline points="-0.6493,0.3936
-0.6493,0.3636"/></g><g transform="rotate(-90.0, -0.6493, 0.3050)"><polyline points="-0.6493,0.3200
-0.6493,0.2900"/></g><g transform="rotate(-90.0, -0.6493, 0.2315)"><polyline points="-0.6493,0.2465
-0.6493,0.2165"/></g><g transform="rotate(-90.0, -0.6493, 0.1579)"><polyline points="-0.6493,0.1729
-0.6493,0.1429"/></g><g transform="rotate(-90.0, -0.6493, 0.0843)"><polyline points="-0.6493,0.0993
-0.6493,0.0693"/></g><g transform="rotate(-90.0, -0.6493, 0.0108)"><polyline points="-0.6493,0.0258
-0.6493,-0.0042"/></g><g transform="rotate(-90.0, -0.6493, -0.0628)"><polyline points="-0.6493,-0.0478
-0.6493,-0.0778"/></g><g transform="rotate(-90.0, -0.6493, -0.1364)"><polyline points="-0.6493,-0.1214
-0.6493,-0.1514"/></g><g transform="rotate(-90.0, -0.6493, -0.2100)"><polyline points="-0.6493,-0.1950
-0.6493,-0.2250"/></g><g transform="rotate(-90.0, -0.6493, -0.2835)"><polyline points="-0.6493,-0.2685
-0.6493,-0.2985"/></g><g transform="rotate(-90.0, -0.6493, -0.3571)"><polyline points="-0.6493,-0.3421
-0.6493,-0.3721"/></g></g></g><g class="ticktext"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="end"><text x="-0.6711" y="0.3887">-1.0</text><text x="-0.6711" y="0.3152">-0.8</text><text x="-0.6711" y="0.2416">-0.6</text><text x="-0.6711" y="0.1680">-0.4</text><text x="-0.6711" y="0.0944">-0.2</text><text x="-0.6711" y="0.0209"> 0.0</text><text x="-0.6711" y="-0.0527"> 0.2</text><text x="-0.6711" y="-0.1263"> 0.4</text><text x="-0.6711" y="-0.1998"> 0.6</text><text x="-0.6711" y="-0.2734"> 0.8</text><text x="-0.6711" y="-0.3470"> 1.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.6211,0.3786 0.2890,0.3786"/><polyline points="-0.6211,0.3050 0.2890,0.3050"/><polyline points="-0.6211,0.2315 0.2890,0.2315"/><polyline points="-0.6211,0.1579 0.2890,0.1579"/><polyline points="-0.6211,0.0843 0.2890,0.0843"/><polyline points="-0.6211,0.0108 0.2890,0.0108"/><polyline points="-0.6211,-0.0628 0.2890,-0.0628"/><polyline points="-0.6211,-0.1364 0.2890,-0.1364"/><polyline points="-0.6211,-0.2100 0.2890,-0.2100"/><polyline points="-0.6211,-0.2835 0.2890,-0.2835"/><polyline points="-0.6211,-0.3571 0.2890,-0.3571"/></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.7386" width="0.0024" x="-0.6396" y="-0.3586"/></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.6211,0.4278
-0.6211,0.3978"/><polyline points="-0.5301,0.4278
-0.5301,0.3978"/><polyline points="-0.4390,0.4278
-0.4390,0.3978"/><polyline points="-0.3480,0.4278
-0.3480,0.3978"/><polyline points="-0.2570,0.4278
-0.2570,0.3978"/><polyline points="-0.1660,0.4278
-0.1660,0.3978"/><polyline points="-0.0750,0.4278
-0.0750,0.3978"/><polyline points="0.0160,0.4278
0.0160,0.3978"/><polyline points="0.1070,0.4278
0.1070,0.3978"/><polyline points="0.1980,0.4278
0.1980,0.3978"/><polyline points="0.2890,0.4278
0.2890,0.3978"/></g></g><g class="ticktext"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="middle"><text x="-0.6211" y="0.4595">0.0</text><text x="-0.5301" y="0.4595">0.2</text><text x="-0.4390" y="0.4595">0.4</text><text x="-0.3480" y="0.4595">0.6</text><text x="-0.2570" y="0.4595">0.8</text><text x="-0.1660" y="0.4595">1.0</text><text x="-0.0750" y="0.4595">1.2</text><text x="0.0160" y="0.4595">1.4</text><text x="0.1070" y="0.4595">1.6</text><text x="0.1980" y="0.4595">1.8</text><text x="0.2890" y="0.4595">2.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.6211,0.3786 -0.6211,-0.3571"/><polyline points="-0.5301,0.3786 -0.5301,-0.3571"/><polyline points="-0.4390,0.3786 -0.4390,-0.3571"/><polyline points="-0.3480,0.3786 -0.3480,-0.3571"/><polyline points="-0.2570,0.3786 -0.2570,-0.3571"/><polyline points="-0.1660,0.3786 -0.1660,-0.3571"/><polyline points="-0.0750,0.3786 -0.0750,-0.3571"/><polyline points="0.0160,0.3786 0.0160,-0.3571"/><polyline points="0.1070,0.3786 0.1070,-0.3571"/><polyline points="0.1980,0.3786 0.1980,-0.3571"/><polyline points="0.2890,0.3786 0.2890,-0.3571"/></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.0029" width="0.9125" x="-0.6223" y="0.3981"/></g></g></g><g class="legend"><g class="legendBorder"><g fill="rgb(5%, 5%, 5%)" fill-opacity="0" stroke="rgb(5%, 5%, 5%)" stroke-opacity="1.0" stroke-width="0.0025"><rect height="0.3354" width="0.3677" x="0.3550" y="-0.2496"/></g></g><g class="legendContent"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3702" y="0.0563">Bounding Box</text></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.05" stroke="rgb(40%, 40%, 40%)" stroke-opacity="1.0" stroke-width="0.0025"><rect height="0.0368" width="0.0303" x="0.6462" y="0.0287"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3702" y="-0.0026">Path Control Point</text></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.2" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0030"><circle cx="0.6614" cy="-0.0118" r="0.0250"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3702" y="-0.0614">Path Endpoints</text></g><g fill="rgb(2%, 73%, 80%)" fill-opacity="0.2" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0030"><rect height="0.0500" width="0.0500" x="0.6364" y="-0.0956"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3702" y="-0.1203">Path Chord</text></g><g fill="none" stroke="rgb(2%, 29%, 48%)" stroke-opacity="1.0" stroke-width="0.0020"><polyline points="0.6462,-0.1295 0.7069,-0.1295"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0303" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3702" y="-0.1791">Path Fill</text></g><g fill="rgb(66%, 7%, 55%)" fill-opacity="0.2" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0.0500"><path d="M 0.6462,-0.1761 Q 0.7069,-0.1393 0.6766,-0.2129"/></g></g></g><g class="title"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0485" stroke="none" stroke-width="0.0" text-anchor="middle"><text x="0" y="-0.4235">QuadPosition (Point 0 0) (Point 1 1) (Point 2 (-1))</text></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.5" x="-0.75" y="-0.5"/></g></g></g></svg>