chart-svg-0.4.0: other/cubic.svg

<svg height="300" viewBox="-0.75 -0.4791 1.5 0.9791" width="459" 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="cubic"><g fill="rgb(96%, 60%, 92%)" fill-opacity="0.2" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0.0100"><path d="M -0.7335,0.4835 C 0.2768,0.4835 -0.7335,-0.3675 0.2768,-0.3675"/></g><g fill="none" stroke="rgb(53%, 51%, 28%)" stroke-opacity="1.0" stroke-width="0.0020"><polyline points="-0.7335,0.4835 -0.7038,0.4832 -0.6753,0.4825 -0.6479,0.4812 -0.6217,0.4795 -0.5966,0.4773 -0.5726,0.4747 -0.5496,0.4716 -0.5277,0.4680 -0.5069,0.4641 -0.4870,0.4597 -0.4681,0.4549 -0.4501,0.4497 -0.4330,0.4441 -0.4169,0.4381 -0.4016,0.4318 -0.3872,0.4251 -0.3736,0.4181 -0.3608,0.4107 -0.3487,0.4030 -0.3375,0.3950 -0.3269,0.3867 -0.3171,0.3781 -0.3079,0.3692 -0.2994,0.3600 -0.2915,0.3505 -0.2842,0.3408 -0.2775,0.3309 -0.2714,0.3207 -0.2658,0.3103 -0.2607,0.2997 -0.2561,0.2889 -0.2519,0.2778 -0.2482,0.2666 -0.2449,0.2553 -0.2420,0.2437 -0.2394,0.2320 -0.2372,0.2202 -0.2353,0.2082 -0.2337,0.1962 -0.2324,0.1839 -0.2313,0.1716 -0.2304,0.1593 -0.2297,0.1468 -0.2292,0.1342 -0.2288,0.1216 -0.2286,0.1090 -0.2284,0.0963 -0.2284,0.0835 -0.2283,0.0708 -0.2283,0.0580 -0.2283,0.0452 -0.2283,0.0325 -0.2282,0.0198 -0.2281,0.0071 -0.2278,-0.0056 -0.2275,-0.0182 -0.2269,-0.0308 -0.2263,-0.0432 -0.2254,-0.0556 -0.2243,-0.0679 -0.2230,-0.0801 -0.2214,-0.0922 -0.2195,-0.1042 -0.2172,-0.1160 -0.2147,-0.1277 -0.2118,-0.1393 -0.2085,-0.1506 -0.2048,-0.1618 -0.2006,-0.1729 -0.1960,-0.1837 -0.1909,-0.1943 -0.1853,-0.2047 -0.1792,-0.2149 -0.1725,-0.2248 -0.1652,-0.2345 -0.1573,-0.2440 -0.1488,-0.2532 -0.1396,-0.2621 -0.1298,-0.2707 -0.1192,-0.2790 -0.1079,-0.2870 -0.0959,-0.2947 -0.0831,-0.3021 -0.0695,-0.3091 -0.0551,-0.3158 -0.0398,-0.3221 -0.0236,-0.3281 -0.0066,-0.3337 0.0114,-0.3389 0.0303,-0.3437 0.0502,-0.3481 0.0711,-0.3520 0.0930,-0.3556 0.1159,-0.3587 0.1399,-0.3613 0.1650,-0.3635 0.1912,-0.3652 0.2186,-0.3665 0.2471,-0.3672 0.2768,-0.3675"/></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.7485" y="0.4685"/><rect height="0.0300" width="0.0300" x="0.2618" y="-0.3825"/></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.2768" cy="0.4835" r="0.0150"/><circle cx="-0.7335" cy="-0.3675" 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.8510" width="1.0103" x="-0.7335" y="-0.3675"/></g></g></g><g class="hud"><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.3879" width="0.4082" x="0.3385" y="-0.2852"/></g></g><g class="legendContent"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0337" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3553" y="0.0686">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.0425" width="0.0337" x="0.6618" y="0.0367"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0337" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3553" y="0.0006">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.6786" cy="-0.0101" r="0.0250"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0337" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3553" y="-0.0675">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.6536" y="-0.1032"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0337" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3553" y="-0.1356">Path Chord</text></g><g fill="none" stroke="rgb(53%, 51%, 28%)" stroke-opacity="1.0" stroke-width="0.0020"><polyline points="0.6618,-0.1462 0.7291,-0.1462"/></g><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0337" stroke="none" stroke-width="0.0" text-anchor="start"><text x="0.3553" y="-0.2037">Path Fill</text></g><g fill="rgb(96%, 60%, 92%)" fill-opacity="0.2" stroke="rgb(0%, 0%, 0%)" stroke-opacity="0" stroke-width="0.0500"><path d="M 0.6618,-0.2001 Q 0.7291,-0.1576 0.6954,-0.2427"/></g></g></g><g class="title"><g fill="rgb(5%, 5%, 5%)" fill-opacity="1.0" font-size="0.0539" stroke="none" stroke-width="0.0" text-anchor="middle"><text x="0.0027" y="-0.4360">CubicPosition (Point 0 0) (Point 1 1) (Point 1 0) (Point 0 1)</text></g></g></g></svg>